:root{--bg: #0d0d10;--bg-2: #121217;--panel: #16161c;--panel-2: #1c1c24;--panel-3: #23232c;--hover: #26262f;--line: #2a2a33;--line-2: #34343f;--ink: #f4f4f6;--ink-2: #b6b6c2;--ink-3: #7c7c8a;--ink-4: #54545f;--lime: #c8ff3c;--lime-dim: #a4d624;--lime-ink: #11160a;--lime-glow: rgba(200,255,60,.22);--violet: #8b7bff;--pink: #ff5d9e;--cyan: #4fd6e6;--amber: #ffb84d;--red: #ff4d3d;--r-xs: 6px;--r-sm: 9px;--r-md: 13px;--r-lg: 18px;--r-xl: 26px;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 6px 22px rgba(0,0,0,.45);--sh-3: 0 18px 50px rgba(0,0,0,.55);--sh-pop: 0 24px 70px rgba(0,0,0,.6);--display: "Bricolage Grotesque", "Hanken Grotesk", sans-serif;--ui: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--sidebar-w: 232px;--topbar-h: 60px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#root{height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}::selection{background:var(--lime);color:var(--lime-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-4);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;background:radial-gradient(1200px 600px at 80% -10%,rgba(200,255,60,.05),transparent 60%),var(--bg)}.sidebar{background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.logo-mark{width:30px;height:30px;border-radius:8px;background:var(--lime);display:grid;place-items:center;box-shadow:0 0 0 1px #ffffff0f,0 4px 14px var(--lime-glow);flex:none}.logo-mark svg{width:15px;height:15px}.logo-word{font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.02em}.logo-word b{color:var(--lime)}.sb-nav{padding:8px 12px;display:flex;flex-direction:column;gap:2px}.sb-section{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);padding:16px 10px 7px;font-weight:700}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);color:var(--ink-2);font-size:14px;font-weight:500;text-align:left;width:100%;transition:background .14s,color .14s}.nav-item svg{width:18px;height:18px;flex:none;opacity:.9}.nav-item:hover{background:var(--panel-2);color:var(--ink)}.nav-item.active{background:var(--panel-3);color:var(--ink)}.nav-item.active svg{color:var(--lime);opacity:1}.nav-badge{margin-left:auto;font-size:11px;font-weight:700;color:var(--ink-3);background:var(--panel-3);padding:1px 7px;border-radius:99px}.nav-item.active .nav-badge{background:var(--lime);color:var(--lime-ink)}.sb-spacer{flex:1}.workspace{margin:12px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-md);display:flex;align-items:center;gap:10px;background:var(--panel);cursor:pointer;transition:border-color .15s}.workspace:hover{border-color:var(--line-2)}.ws-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3a4a6b,#1d2740);display:grid;place-items:center;font-weight:800;font-size:13px;color:#cfe0ff;flex:none}.ws-meta{min-width:0}.ws-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-plan{font-size:11px;color:var(--ink-3)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:16px;padding:0 22px;border-bottom:1px solid var(--line);background:#0d0d10b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crumb{font-size:13px;color:var(--ink-3);display:flex;align-items:center;gap:8px}.crumb b{color:var(--ink);font-weight:700}.crumb .sep{color:var(--ink-4)}.tb-spacer{flex:1}.searchbox{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);padding:7px 12px;border-radius:var(--r-sm);width:240px;color:var(--ink-3);font-size:13px}.searchbox svg{width:15px;height:15px}.searchbox input{background:none;border:none;outline:none;color:var(--ink);flex:1;font-size:13px}.searchbox kbd{font-family:var(--mono);font-size:10.5px;border:1px solid var(--line-2);border-radius:5px;padding:1px 5px;color:var(--ink-3)}.icon-btn{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-2);transition:background .14s,color .14s}.icon-btn:hover{background:var(--panel-2);color:var(--ink)}.icon-btn svg{width:18px;height:18px}.avatar{width:34px;height:34px;border-radius:99px;background:linear-gradient(135deg,#ff5d9e,#8b7bff);display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:var(--r-sm);font-size:13.5px;font-weight:700;letter-spacing:-.01em;transition:transform .1s,background .15s,box-shadow .15s,border-color .15s;white-space:nowrap}.btn svg{width:16px;height:16px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--lime);color:var(--lime-ink);box-shadow:0 4px 16px var(--lime-glow)}.btn-primary:hover{background:#d4ff5c}.btn-ghost{background:var(--panel-2);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--panel-3);border-color:var(--line-2)}.btn-quiet{color:var(--ink-2);padding:9px 11px}.btn-quiet:hover{background:var(--panel-2);color:var(--ink)}.btn-sm{padding:6px 11px;font-size:12.5px}.scroll{overflow:auto;min-height:0;flex:1}.page{padding:26px 30px 60px;max-width:1240px}.page-head{display:flex;align-items:flex-end;gap:18px;margin-bottom:24px}.page-title{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.025em}.page-sub{color:var(--ink-3);font-size:14px;margin-top:3px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px}.pill-live{background:#c8ff3c24;color:var(--lime)}.pill-live .dot{width:6px;height:6px;border-radius:99px;background:var(--lime);box-shadow:0 0 0 3px #c8ff3c2e}.pill-draft{background:var(--panel-3);color:var(--ink-3)}.pill-paused{background:#ffb84d24;color:var(--amber)}.tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.01em;white-space:nowrap}.t-carousel{background:#8b7bff29;color:var(--violet)}.t-pip{background:#4fd6e629;color:var(--cyan)}.t-shoppable{background:#ff5d9e29;color:var(--pink)}.t-grid{background:#ffb84d29;color:var(--amber)}@keyframes fadeUp{0%{transform:translateY(10px)}to{transform:none}}.fade-up{opacity:1;animation:fadeUp .4s cubic-bezier(.2,.7,.3,1) both}.menu{position:absolute;z-index:300;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--sh-pop);padding:6px;min-width:220px;opacity:1;animation:menuIn .14s cubic-bezier(.2,.7,.3,1) both}@keyframes menuIn{0%{transform:translateY(-6px) scale(.98)}to{transform:none}}.menu-head{padding:9px 11px 11px;border-bottom:1px solid var(--line);margin-bottom:5px;display:flex;gap:10px;align-items:center}.menu-label{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);padding:8px 11px 5px}.menu-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:8px 11px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;color:var(--ink-2);transition:background .12s,color .12s}.menu-item svg{width:16px;height:16px;opacity:.85;flex:none}.menu-item:hover{background:var(--panel-3);color:var(--ink)}.menu-item.danger{color:#ff7a6b}.menu-item.danger:hover{background:#ff4d3d1f;color:#ff8d7e}.menu-item .kbd{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--ink-4)}.menu-item .meta{margin-left:auto;font-size:11px;color:var(--ink-4);font-weight:700}.menu-divider{height:1px;background:var(--line);margin:5px 0}.menu-item.sel{background:var(--panel-3);color:var(--ink)}.menu-item.sel svg{color:var(--lime);opacity:1}.notif-item{display:flex;gap:10px;padding:10px 11px;border-radius:var(--r-sm);transition:background .12s;cursor:pointer}.notif-item:hover{background:var(--panel-3)}.notif-dot{width:7px;height:7px;border-radius:99px;background:var(--lime);flex:none;margin-top:6px}.notif-dot.read{background:var(--line-2)}.toast-host{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:2147483645;display:flex;flex-direction:column;gap:9px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--ink);padding:11px 16px;border-radius:11px;box-shadow:var(--sh-3);font-size:13.5px;font-weight:600;pointer-events:auto;opacity:1;animation:toastIn .26s cubic-bezier(.2,.8,.3,1) both;max-width:440px}.toast.out{animation:toastOut .24s ease-in forwards}.toast svg{width:17px;height:17px;flex:none}.toast .tk{width:22px;height:22px;border-radius:99px;background:var(--lime);color:var(--lime-ink);display:grid;place-items:center;flex:none}.toast .tk svg{width:13px;height:13px}@keyframes toastIn{0%{transform:translateY(14px) scale(.96)}to{transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(8px) scale(.97)}}.lib-thumb .vframe{width:100%;height:100%}.set-tab{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;color:var(--ink-2);width:100%;text-align:left;transition:background .12s,color .12s}.set-tab svg{width:17px;height:17px;opacity:.85}.set-tab:hover{background:var(--panel-2);color:var(--ink)}.set-tab.active{background:var(--panel-3);color:var(--ink)}.set-tab.active svg{color:var(--lime);opacity:1}.imp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#08080ba8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.imp-card{width:min(840px,96vw);height:min(600px,92vh);background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-pop);display:flex;flex-direction:column;overflow:hidden}.imp-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.imp-body{display:flex;flex:1;min-height:0}.imp-rail{width:212px;flex:none;border-right:1px solid var(--line);background:var(--bg-2);padding:12px;display:flex;flex-direction:column;gap:4px}.imp-src{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%;transition:background .12s}.imp-src:hover{background:var(--panel-2)}.imp-src.active{background:var(--panel-3)}.imp-src .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}.imp-src .nm{font-size:13.5px;font-weight:700}.imp-src .st{font-size:11px;color:var(--ink-4);display:flex;align-items:center;gap:5px}.imp-src .st .d{width:6px;height:6px;border-radius:99px}.imp-main{flex:1;min-width:0;display:flex;flex-direction:column}.imp-acct{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line)}.imp-grid{flex:1;overflow:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:13px;align-content:start}.imp-tile{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transition:border-color .14s,transform .12s;background:var(--bg-2);position:relative}.imp-tile:hover{border-color:var(--line-2)}.imp-tile.sel{border-color:var(--lime)}.imp-tile.done{opacity:.5;cursor:default}.imp-thumb{aspect-ratio:16/10;position:relative}.imp-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:99px;border:2px solid #fff;background:#00000059;display:grid;place-items:center}.imp-tile.sel .imp-check{background:var(--lime);border-color:var(--lime)}.imp-tile.sel .imp-check svg{color:var(--lime-ink)}.imp-foot{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line)}.imp-empty{flex:1;display:grid;place-items:center;text-align:center;padding:30px}.conn-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;border:1px solid var(--line);background:var(--panel);font-size:12.5px;font-weight:700}.conn-chip .d{width:6px;height:6px;border-radius:99px}@keyframes spin360{to{transform:rotate(360deg)}}.spin{animation:spin360 .9s linear infinite}@media (max-width: 1000px){.page{padding:22px 20px 56px}}@media (max-width: 880px){:root{--sidebar-w: 62px}.sb-brand{justify-content:center;padding:18px 0 14px}.logo-word,.sb-section{display:none}.sb-nav{padding:10px 8px}.nav-item{justify-content:center;padding:11px 0}.nav-item span,.nav-badge{display:none}.sb-spacer+div{display:none}.workspace{justify-content:center;padding:10px 0;margin:8px}.ws-meta,.workspace>svg{display:none}.searchbox{display:none}}@media (max-width: 560px){.topbar{padding:0 12px;gap:10px}.crumb span:not(.sep){display:none}.page{padding:18px 14px 48px}.page-title{font-size:23px}}.mocksite{background:#fbfbfa;color:#14110f;height:100%;overflow:auto;position:relative}.mocksite-bar{height:58px;display:flex;align-items:center;gap:22px;padding:0 28px;border-bottom:1px solid #ececea;background:#fff;position:sticky;top:0;z-index:5}.ms-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;letter-spacing:-.02em;color:#1a1a1a}.ms-logo .blk{width:26px;height:26px;border-radius:6px;background:#1a1a1a;color:#fff;display:grid;place-items:center;font-size:13px}.ms-nav{display:flex;gap:20px;font-size:13.5px;font-weight:600;color:#5b5b58}.ms-nav span:first-child{color:#1a1a1a}.ms-cta{margin-left:auto;display:flex;gap:10px;align-items:center}.ms-btn{font-size:13px;font-weight:700;padding:8px 14px;border-radius:8px;white-space:nowrap}.ms-btn.solid{background:#1a1a1a;color:#fff}.ms-btn.ghost{color:#1a1a1a}.ms-dots{background-image:radial-gradient(#e3e3df 1px,transparent 1px);background-size:18px 18px}.ms-section-label{text-align:center;padding-top:38px}.ms-section-label h2{font-family:var(--display);font-weight:800;font-size:30px;letter-spacing:.02em;color:#1a1a1a;text-transform:uppercase;display:inline-block}.ms-section-label .ul{height:7px;width:70%;margin:6px auto 0;background:#ffd2dd;border-radius:2px}.vframe{position:relative;overflow:hidden;background:#222;isolation:isolate}.vframe .grad{position:absolute;top:0;right:0;bottom:0;left:0}.vframe .vf-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;pointer-events:none;z-index:0}.vframe .grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:5px 5px;mix-blend-mode:overlay}.vframe .vig{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,transparent 22%,transparent 55%,rgba(0,0,0,.62) 100%)}.vframe .chip{position:absolute;top:11px;left:11px;font-size:11px;font-weight:800;color:#fff;background:var(--vid-hot,#ff4d3d);padding:3px 7px;border-radius:5px;letter-spacing:.01em;box-shadow:0 2px 8px #0000004d;max-width:76%}.vframe .dur{position:absolute;top:11px;right:11px;font-size:10.5px;font-weight:700;color:#fff;background:#00000080;padding:2px 6px;border-radius:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vframe .cap{position:absolute;left:13px;right:13px;bottom:13px;font-weight:800;font-size:17px;line-height:1.15;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:-.01em}.vframe .cap em{font-style:normal;background:var(--vid-hot,#ff4d3d);padding:0 4px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.vframe .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:99px;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.5);display:grid;place-items:center;transition:transform .2s,background .2s}.vframe .play svg{width:18px;height:18px;fill:#fff;margin-left:2px}.vframe:hover .play{transform:translate(-50%,-50%) scale(1.08);background:#ffffff42}.vframe .muted{position:absolute;bottom:12px;right:12px;width:26px;height:26px;border-radius:99px;background:#00000073;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vframe .muted svg{width:13px;height:13px;fill:#fff}.cf-wrap{position:relative;padding:34px 0 30px}.cf-stage{position:relative;min-height:320px;perspective:1700px;display:flex;align-items:center;justify-content:center}.cf-card{position:absolute;top:50%;left:50%;width:248px;height:440px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,.7,.25,1),opacity .45s,filter .45s;cursor:pointer;box-shadow:0 22px 50px #00000052;will-change:transform}.cf-card .vframe{width:100%;height:100%}.cf-card.is-active{cursor:default;box-shadow:0 34px 80px #0000006b}.cf-card.is-active .vframe{outline:0}.cf-nav{position:absolute;top:calc(50% - 30px);transform:translateY(-50%);z-index:40;width:46px;height:46px;border-radius:99px;background:#1a1a1a;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #00000047;transition:transform .15s,background .15s}.cf-nav:hover{transform:translateY(-50%) scale(1.07)}.cf-nav.prev{left:60px}.cf-nav.next{right:60px}.cf-nav svg{width:20px;height:20px}.cf-dots{display:flex;gap:7px;justify-content:center;margin-top:6px}.cf-dots i{width:7px;height:7px;border-radius:99px;background:#d4d4d0;cursor:pointer;transition:all .2s}.cf-dots i.on{width:22px;background:#1a1a1a}.pcard{position:relative;z-index:45;margin:-26px auto 0;width:300px;background:#fff;border:1px solid #ededeb;border-radius:14px;padding:10px;display:flex;align-items:center;gap:11px;box-shadow:0 16px 40px #00000024}.pcard .thumb{width:46px;height:46px;border-radius:9px;flex:none;background-size:cover}.pcard .pc-meta{min-width:0;flex:1}.pcard .pc-shop{font-size:11px;color:#8a8a86;font-weight:600}.pcard .pc-title{font-size:13.5px;font-weight:800;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.pcard .pc-price{font-size:13px;font-weight:800;color:#e23744}.pcard .pc-buy{width:42px;height:42px;flex:none;border-radius:10px;background:#1a1a1a;color:#fff;display:grid;place-items:center;transition:background .15s,transform .12s}.pcard .pc-buy:hover{background:#000}.pcard .pc-buy:active{transform:scale(.94)}.pcard .pc-buy svg{width:18px;height:18px}.stories{display:flex;gap:16px;padding:18px 26px 26px;overflow-x:auto;justify-content:center}.story{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;flex:none}.story .ring{width:84px;height:84px;border-radius:99px;padding:3px;background:conic-gradient(from 210deg,var(--vid-hot,#ff4d3d),#ff9a3d,var(--vid-hot,#ff4d3d));transition:transform .18s}.story:hover .ring{transform:scale(1.05)}.story .ring .vframe{width:100%;height:100%;border-radius:99px!important;border:3px solid #fff}.story .ring .vframe .cap,.story .ring .vframe .chip,.story .ring .vframe .dur,.story .ring .vframe .play{display:none}.story .lbl{font-size:11.5px;font-weight:700;color:#1a1a1a;max-width:90px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pip{position:absolute;width:208px;z-index:60}.pip.br{right:24px;bottom:24px}.pip.bl{left:24px;bottom:24px}.pip.tr{right:24px;top:78px}.pip.tl{left:24px;top:78px}.pip-card{border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #00000059;background:#000;opacity:1;animation:pipIn .5s cubic-bezier(.2,.8,.3,1) both}@keyframes pipIn{0%{transform:translateY(16px) scale(.92)}to{transform:none}}.pip .vframe{width:100%;height:300px}.pip-top{position:absolute;top:9px;right:9px;display:flex;gap:6px;z-index:3}.pip-top button{width:26px;height:26px;border-radius:99px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16)}.pip-top button svg{width:13px;height:13px}.pip-foot{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#fff}.pip-foot .pf-t{font-size:12px;font-weight:800;color:#1a1a1a;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pip-foot .pf-b{font-size:11.5px;font-weight:800;padding:6px 11px;border-radius:8px;background:var(--vid-hot,#ff4d3d);color:#fff;white-space:nowrap}.pip-progress{height:3px;background:#ffffff40;position:relative}.pip-progress i{position:absolute;left:0;top:0;bottom:0;width:42%;background:var(--vid-hot,#ff4d3d)}.shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;max-width:860px;margin:24px auto 0;align-items:start;padding:0 18px}.shop-video{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #0000002e}.shop-video .vframe{width:100%;aspect-ratio:9/12;height:auto}.shop-hot{position:absolute;width:26px;height:26px;border-radius:99px;background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px #0000004d;cursor:pointer;animation:pulse 2s infinite}.shop-hot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:99px;border:2px solid #fff;opacity:.5}.shop-hot i{width:9px;height:9px;border-radius:99px;background:var(--vid-hot,#ff4d3d)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.shop-list{display:flex;flex-direction:column;gap:11px}.shop-list h4{font-family:var(--display);font-weight:800;font-size:17px;color:#1a1a1a}.sitem{display:flex;align-items:center;gap:11px;padding:9px;border:1px solid #ededeb;border-radius:12px;background:#fff;transition:border-color .15s,transform .12s;cursor:pointer}.sitem:hover{border-color:#1a1a1a;transform:translate(2px)}.sitem .thumb{width:52px;height:52px;border-radius:9px;flex:none;background-size:cover}.sitem .si-t{font-size:13px;font-weight:800;color:#1a1a1a;line-height:1.25;margin-bottom:3px}.sitem>div{min-width:0}.sitem .si-p{font-size:12.5px;font-weight:800;color:#e23744}.sitem .si-add{margin-left:auto;font-size:11.5px;font-weight:800;padding:6px 12px;border-radius:8px;background:#1a1a1a;color:#fff}.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-width:880px;margin:24px auto 0;padding:0 18px}.vgrid .vframe{width:100%;aspect-ratio:9/14;border-radius:13px;box-shadow:0 8px 22px #0000001f;transition:transform .18s,box-shadow .18s;cursor:pointer}.vgrid .vframe:hover{transform:translateY(-4px);box-shadow:0 16px 34px #0000002e}.devicewrap{height:100%;display:flex;flex-direction:column}.preview-canvas{flex:1;min-height:0;overflow:auto;position:relative;background:#fbfbfa;display:flex;justify-content:center}.device{background:#fff;border-radius:18px;box-shadow:0 30px 90px #00000080,0 0 0 1px var(--line);overflow:hidden;transition:width .4s cubic-bezier(.2,.7,.3,1)}.device.desktop{width:100%;max-width:980px;height:620px}.device.mobile{width:380px;height:680px}.device.mobile .mocksite-bar{padding:0 16px;gap:12px}.device.mobile .ms-nav{display:none}.device.mobile .ms-section-label h2{font-size:21px}.widget-stage{position:relative;flex:1 1 auto;min-height:100%;display:flex;flex-direction:column;justify-content:safe center;padding:28px 24px}.widget-stage.mobile{flex:0 0 auto;width:392px;padding:18px}