.cbd-stage{border:1px solid var(--lp-border);background:var(--lp-inset);border-radius:22px;display:grid;overflow:hidden;box-shadow:0 34px 70px -40px #1c191773}.cbd-work,.cbd-shop{grid-area:1/1;transition:opacity .55s,transform .55s cubic-bezier(.3,.7,.2,1),visibility .55s}.cbd-stage[data-card="1"] .cbd-work{opacity:0;visibility:hidden;transform:scale(.97)}.cbd-stage[data-card="0"] .cbd-shop{opacity:0;visibility:hidden;transform:scale(1.03)}.cbd-work{justify-content:center;align-items:center;gap:36px;padding:28px;display:flex}.cbd-left{gap:12px;width:min(100%,340px);display:grid}.cbd-frame{aspect-ratio:3/4;border:1px solid var(--lp-border);background:#e8e3d8;border-radius:16px;position:relative;overflow:hidden}.cbd-frame img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cbd-frame .cbd-new{animation:.9s cubic-bezier(.3,.7,.2,1) both cbd-reveal}@keyframes cbd-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.cbd-scan{opacity:0;pointer-events:none;background:#ffffffe6;height:2px;position:absolute;top:100%;left:0;right:0;box-shadow:0 0 18px 4px #ffffffb3}.cbd-frame .cbd-new+.cbd-scan{animation:.9s cubic-bezier(.3,.7,.2,1) both cbd-scan}@keyframes cbd-scan{0%{opacity:1;top:0}90%{opacity:1}to{opacity:0;top:100%}}.cbd-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.cbd-stage.is-flash .cbd-flash{animation:.45s ease-out cbd-flash}@keyframes cbd-flash{0%{opacity:.95}to{opacity:0}}.cbd-busy{opacity:0;pointer-events:none;background:linear-gradient(105deg,#fff0 30%,#ffffff73 50%,#fff0 70%) 0 0/250% 100%;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.cbd-stage.is-working .cbd-busy{opacity:1;animation:1.2s linear infinite cbd-sweep}@keyframes cbd-sweep{0%{background-position:120% 0}to{background-position:-130% 0}}.cbd-busy span{color:#16140f;background:#fffffff2;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 6px 18px -8px #1c191766}.cbd-chip{color:#fff;background:#1c1917b8;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500;position:absolute;top:12px;left:12px}.cbd-stage[data-step="0"] .cbd-chip{color:#16140f;background:#ffffffeb}.cbd-pill{border:1px solid var(--lp-border-strong);background:var(--lp-card);border-radius:14px;align-items:flex-end;gap:8px;min-height:58px;padding:9px 9px 9px 13px;display:flex;box-shadow:0 12px 28px -18px #1c191773}.cbd-in{min-width:0;color:var(--lp-fg);flex:1;align-self:center;font-size:14px;line-height:1.4}.cbd-in.is-empty{color:var(--lp-faint)}.cbd-caret{vertical-align:-2px;background:var(--lp-accent);width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite cbd-blink;display:inline-block}@keyframes cbd-blink{50%{opacity:0}}.cbd-btn{background:var(--lp-btn-bg);height:34px;color:var(--lp-btn-fg);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;transition:transform .12s,opacity .2s;display:inline-flex}.cbd-btn.is-pressed{transform:scale(.92)}.cbd-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite cbd-spin}@keyframes cbd-spin{to{transform:rotate(360deg)}}.cbd-busy .cbd-spin{border-color:#16140f #16140f40 #16140f40}.cbd-slots{gap:12px;width:124px;display:grid}.cbd-slot{aspect-ratio:3/4;border:1.5px dashed var(--lp-border-strong);background:#ffffff73;border-radius:12px;place-items:end start;display:grid;position:relative;overflow:hidden}.cbd-slot img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s,transform .55s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0;transform:scale(.85)}.cbd-slot.is-filled{border-style:solid;border-color:var(--lp-border)}.cbd-slot.is-filled img{opacity:1;transform:none}.cbd-slot span{color:var(--lp-muted);background:#ffffffd9;border-radius:999px;margin:7px;padding:3px 8px;font-size:11px;font-weight:500;position:relative}.cbd-slot.is-filled span{color:#16140f;background:#ffffffeb}.cbd-shop{grid-template-columns:64px minmax(0,340px) minmax(0,1fr);justify-content:center;align-items:start;gap:22px;padding:28px;display:grid}.cbd-thumbs{gap:10px;display:grid}.cbd-thumb{aspect-ratio:3/4;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;padding:0;position:relative;overflow:hidden}.cbd-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cbd-thumb.is-on{border-color:var(--lp-fg)}.cbd-thumb:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}.cbd-main{aspect-ratio:3/4;border:1px solid var(--lp-border);background:#fff;border-radius:16px;position:relative;overflow:hidden}.cbd-main img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.cbd-main img.is-on{opacity:1}.cbd-info{align-content:start;gap:12px;padding-top:6px;display:grid}.cbd-crumbs{color:var(--lp-faint);font-size:12px}.cbd-title{letter-spacing:-.01em;color:var(--lp-fg);margin:0;font-size:22px;font-weight:600;line-height:1.2}.cbd-price{letter-spacing:-.02em;color:var(--lp-fg);font-size:28px;font-weight:600}.cbd-cart{background:var(--lp-fg);color:var(--lp-bg);border-radius:12px;justify-self:start;padding:10px 22px;font-size:14px;font-weight:500}.cbd-feats{color:var(--lp-text);gap:7px;margin:4px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.cbd-feats li{align-items:center;gap:8px;display:flex}.cbd-feats li:before{content:"";background:var(--lp-accent);border-radius:50%;flex:none;width:6px;height:6px}.cbd-done{background:var(--lp-card);border:1px solid var(--lp-border);color:var(--lp-fg);border-radius:999px;justify-self:start;align-items:center;gap:8px;margin-top:10px;padding:7px 13px 7px 8px;font-size:12.5px;font-weight:500;display:inline-flex}.cbd-ok{background:var(--lp-ok);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.cbd-ok svg{width:11px;height:11px}.cbd-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.cbd-steps{flex-wrap:wrap;gap:6px;display:flex}.cbd-step{border:1px solid var(--lp-border);background:var(--lp-card);color:var(--lp-muted);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 13px 6px 7px;font-size:13px;font-weight:500;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.cbd-step i{background:var(--lp-card-3);width:20px;height:20px;color:var(--lp-muted);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:600;transition:background .25s,color .25s;display:grid}.cbd-step.is-done i{background:var(--lp-fg);color:var(--lp-bg)}.cbd-step.is-on{border-color:var(--lp-fg);color:var(--lp-fg)}.cbd-step.is-on i{background:var(--lp-accent);color:#fff}.cbd-step:focus-visible,.cbd-replay:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}.cbd-replay{border:1px solid var(--lp-border-strong);color:var(--lp-strong);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:background .2s;display:inline-flex}.cbd-replay:hover{background:var(--lp-ghost-hover)}.cbd-replay svg{width:15px;height:15px}.cbd-cap{color:var(--lp-faint);margin:10px 0 0;font-size:12.5px}@media (max-width:720px){.cbd-work{flex-direction:column;gap:16px;padding:16px}.cbd-left{width:min(100%,320px)}.cbd-slots{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,320px)}.cbd-shop{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.cbd-main{order:1;justify-self:center;width:min(100%,320px)}.cbd-thumbs{order:2;grid-template-columns:repeat(3,56px);justify-content:center}.cbd-info{order:3}.cbd-title{font-size:19px}.cbd-price{font-size:24px}}@media (prefers-reduced-motion:reduce){.cbd-stage *,.cbd-work,.cbd-shop{transition:none!important;animation:none!important}}