:root,html[data-theme=dark]{--ink:#000000;--paper:#ffffff;--night:#0b0e13;--carbon:#121418;--signal:#2fbfb0;--signal-ink:#06211e;--signal-rgb:47,191,176;--slate:#5c6670;--mist:#a3abba;--hairline:#e6e8ec;--amber:#e2a15a;--danger:#e36d6d;--cream:#f3efe6;--bg:var(--carbon);--bg-2:#181c24;--panel:#1c212b;--panel-rgb:28,33,43;--control:#151922;--control-hover:#181e28;--shell:#0b0e13;--shell-top:rgba(18,22,30,0.92);--line:#313846;--line-strong:#4a5568;--text:var(--cream);--muted:var(--mist);--teal:var(--signal);--teal-ink:var(--signal-ink);--brand-ink:var(--paper);--brand-cursor:var(--signal);--choice-on-bg:var(--cream);--choice-on-fg:#161616;--gradient-top:#10131a;--gradient-bottom:#0e1117;--wash-signal:0.18;--wash-amber:0.14;--amber-rgb:226,161,90;--shadow:0 24px 60px rgba(0,0,0,0.28);--panel-alpha:0.88;--accent-chat:#4cc9f0;--accent-chat-rgb:76,201,240;--accent-chat-ink:#041018;--accent-chat-soft:#9fe7f5;--accent-chat-bright:#d7f4fb;--accent-record:var(--danger);--accent-record-rgb:227,109,109;--accent-record-ink:#fff4f4;--stage-paper:transparent;--stage-dot:rgba(255,255,255,0.09);--stage-dot-active:rgba(255,255,255,0.14);--stage-dot-size:1.15px;--stage-dot-fade:1.75px;--stage-dot-gap:28px;--cursor-fill:#ffffff;--cursor-stroke:#141414;--op-wait:#6b7280;--op-move:#60a5fa;--op-click:#f472b6;--op-highlight:var(--amber);--op-scroll:#34d399;--op-type:#a78bfa;--op-show:#4ade80;--op-hide:#94a3b8;--op-caption:#fbbf24;--op-tag:#38bdf8;--op-focus:#f8fafc;--op-zoom:#fb7185;--op-goto:var(--signal);color-scheme:dark}html[data-theme=light]{--bg:#f6f7f9;--bg-2:#eef0f3;--panel:#ffffff;--panel-rgb:255,255,255;--control:#f3f4f6;--control-hover:#e8eaee;--shell:#f6f7f9;--shell-top:rgba(255,255,255,0.92);--line:#dde1e7;--line-strong:#b8c0cc;--text:var(--carbon);--muted:var(--slate);--brand-ink:var(--ink);--brand-cursor:var(--signal);--choice-on-bg:var(--carbon);--choice-on-fg:var(--paper);--gradient-top:#fbfbfc;--gradient-bottom:#f0f2f5;--wash-signal:0.07;--wash-amber:0.05;--shadow:0 12px 40px rgba(18,20,24,0.06);--panel-alpha:1;--accent-chat:#0891b2;--accent-chat-rgb:8,145,178;--accent-chat-ink:#f0fbfd;--accent-chat-soft:#0e7490;--accent-chat-bright:#155e75;--stage-dot:#a3abba;--stage-dot-active:#8b93a3;--stage-dot-size:1.1px;--stage-dot-fade:1.7px;--stage-dot-gap:28px;--cursor-fill:#121418;--cursor-stroke:#ffffff;--op-focus:#1e293b;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:var(--font-sans),"Segoe UI",sans-serif;background:radial-gradient(1100px 520px at 8% -8%,rgba(var(--signal-rgb),var(--wash-signal)),transparent 58%),radial-gradient(800px 420px at 92% 4%,rgba(var(--amber-rgb),var(--wash-amber)),transparent 52%),linear-gradient(180deg,var(--gradient-top) 0,var(--bg) 42%,var(--gradient-bottom) 100%);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--teal)}.home{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,520px);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:start;justify-content:center;max-width:1120px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(18px,4vw,40px) 48px}.home-browser{padding-top:clamp(36px,6vw,72px)}:root:not([data-theme=light]) .stitch-shell-studio>.home>.brand,:root:not([data-theme=light]) .stitch-shell-studio>.home>.home-footer,html[data-theme=dark] .stitch-shell-studio>.home>.brand,html[data-theme=dark] .stitch-shell-studio>.home>.home-footer{--text:#f3efe6;--muted:#a3abba;--brand-ink:#ffffff;--line:rgba(255,255,255,0.14);color:var(--text)}html[data-theme=light] .stitch-shell-studio>.home>.brand,html[data-theme=light] .stitch-shell-studio>.home>.home-footer{--text:#121418;--muted:#5c6670;--brand-ink:#000000;--line:#dde1e7;color:var(--text)}.home-stack{display:grid;grid-gap:16px;gap:16px;width:100%;min-width:0}.section-title{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.brand{max-width:460px;padding-top:8px;position:-webkit-sticky;position:sticky;top:32px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);font-size:11px;font-weight:700;margin:0 0 10px}.brand h1{font-family:var(--font-display),"Iowan Old Style",Georgia,serif;font-size:clamp(48px,7vw,72px);font-weight:600;line-height:.94;letter-spacing:-.03em;margin:0 0 18px}.brand-lead{color:var(--muted);font-size:clamp(16px,1.6vw,18px);line-height:1.55;margin:0 0 22px;max-width:36ch}.brand-credit{display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(var(--signal-rgb),.35);background:rgba(var(--signal-rgb),.08);margin-bottom:22px;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.brand-credit:hover:not(:disabled){border-color:rgba(var(--signal-rgb),.55);background:rgba(var(--signal-rgb),.14);box-shadow:0 0 0 3px rgba(var(--signal-rgb),.12)}.brand-credit:focus-visible{outline:2px solid rgba(var(--signal-rgb),.55);outline-offset:2px}.brand-credit:disabled{cursor:wait;opacity:.7}.brand-credit-value{font-size:20px;font-weight:700;color:var(--teal);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.brand-credit-label{font-size:13px;color:var(--muted)}.brand-steps{margin:0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.brand-steps li{position:relative;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.4}.brand-steps li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(var(--signal-rgb),.18)}.card,.home-panel{background:rgba(var(--panel-rgb),var(--panel-alpha));border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text)}.home-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.home-panel-meta{font-size:12px;color:var(--muted)}.home-projects{display:flex;flex-direction:column;min-height:0;max-height:min(260px,32vh);padding-bottom:12px}.home-projects .home-panel-head{flex-shrink:0;margin-bottom:10px}.home-projects-scroll{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;margin-right:-2px;scrollbar-width:thin;scrollbar-color:rgba(var(--signal-rgb),.45) transparent}.home-projects-scroll::-webkit-scrollbar{width:6px}.home-projects-scroll::-webkit-scrollbar-track{background:transparent;margin:4px 0}.home-projects-scroll::-webkit-scrollbar-thumb{background:rgba(var(--signal-rgb),.35);border-radius:999px;border:1px solid transparent;background-clip:padding-box}.home-projects-scroll::-webkit-scrollbar-thumb:hover{background:rgba(var(--signal-rgb),.55)}.home-projects-scroll .project-grid{margin:0}.home-create{display:grid;grid-gap:14px;gap:14px}.create-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 20px;gap:16px 20px;padding-bottom:2px}.studio-create-options{grid-template-columns:1fr 1fr}@media (max-width:520px){.studio-create-options{grid-template-columns:1fr}}.option-group{display:grid;grid-gap:8px;gap:8px;min-width:0}.option-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.option-row,.row{display:flex;gap:8px;flex-wrap:wrap}.choice{border:1px solid var(--line);background:var(--control);color:var(--text);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:500}.choice:hover{border-color:var(--line-strong)}.choice.on{background:var(--choice-on-bg);color:var(--choice-on-fg);border-color:var(--choice-on-bg)}.drop{position:relative;display:grid;justify-items:center;grid-gap:6px;gap:6px;border:1px dashed var(--line-strong);border-radius:16px;padding:28px 20px;text-align:center;color:var(--muted);background:var(--control);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.drop.dragging,.drop:focus-within,.drop:hover{border-color:rgba(var(--signal-rgb),.65);background:rgba(var(--signal-rgb),.06);box-shadow:inset 0 0 0 1px rgba(var(--signal-rgb),.12)}.drop:focus-within{outline:2px solid rgba(var(--signal-rgb),.55);outline-offset:2px}.drop.has-file{border-style:solid;border-color:rgba(var(--signal-rgb),.45)}.drop-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.drop-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line);color:var(--teal);font-size:18px;margin-bottom:4px}.drop-title{color:var(--text);font-size:15px;font-weight:600;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-sub{font-size:13px;line-height:1.35}.field-block{display:grid;grid-gap:8px;gap:8px}.field-block textarea{min-height:110px}input[type=number],input[type=text],select,textarea{width:100%;background:var(--control);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(var(--signal-rgb),.55)}.actions{display:flex;gap:10px;margin-top:14px}.home-actions{margin-top:4px;flex-wrap:wrap;gap:12px}.home-actions .btn.primary{min-width:148px}.home-actions .btn:not(.primary){background:var(--control);color:var(--text)}.btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:999px;padding:11px 16px}.btn.primary{background:var(--teal);color:var(--teal-ink);border-color:var(--teal);font-weight:700}.btn:disabled{opacity:.55;cursor:wait}.error{color:var(--danger);margin:0;font-size:14px}.hint{color:var(--muted);font-size:13px;margin:8px 0 0}.home-safe{margin:0;line-height:1.45}.home-details,details{margin:0;color:var(--muted)}.home-details summary,details summary{cursor:pointer;font-size:13px}.home-details[open] summary{margin-bottom:8px}.home-details textarea{min-height:80px}.studio{height:100vh;display:flex;flex-direction:column}.studio.shell{background:var(--shell)}.shell-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--shell-top);z-index:40}.shell-top-center,.shell-top-left,.shell-top-right{display:flex;align-items:center;gap:10px;min-width:0}.shell-top-center{justify-content:center;flex:1 1}.shell-brand{text-decoration:none;color:var(--text);font-weight:750;letter-spacing:-.04em;font-size:16px;display:flex;align-items:center;gap:8px}.shell-title{width:min(220px,26vw);background:#12161d;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13px}.shell-title:focus{border-color:var(--teal);outline:none}.shell-meta-compact{background:#161a22;border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:12px;color:var(--muted);white-space:nowrap;max-width:min(180px,28vw);overflow:hidden;text-overflow:ellipsis}.credits-pill,.shell-meta-compact{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.credits-pill{display:inline-flex;align-items:center;gap:7px;color:var(--teal);border-color:rgba(var(--signal-rgb),.35);background:rgba(var(--signal-rgb),.1);padding-inline:10px}.credits-pill:hover{border-color:rgba(var(--signal-rgb),.55);background:rgba(var(--signal-rgb),.16);color:var(--teal)}.credits-coin-stack{position:relative;width:18px;height:15px;flex-shrink:0}.credits-coin{position:absolute;top:0;color:var(--teal)}.credits-coin.back{left:0;transform:translate(3px,-1px)}.credits-coin.front{left:0}.credits-balance{color:var(--text);font-weight:650;font-size:13px;line-height:1}.export-top-btn,.play-btn,.share-btn{display:inline-flex;align-items:center;gap:6px}.play-btn.active{border-color:var(--teal);color:var(--teal);background:rgba(var(--signal-rgb),.1)}.export-reopen-btn{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30}.avatar-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#1b2330;color:var(--text);font-weight:700}.profile-wrap{position:relative;z-index:45}.profile-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(220px,calc(100vw - 24px));background:#171c25;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow);z-index:50;display:grid;grid-gap:4px;gap:4px}.profile-menu button{text-align:left;border:0;background:transparent;color:var(--text);padding:8px 10px;border-radius:10px}.profile-menu button:hover:not(:disabled){background:#222936}.profile-menu .profile-link{display:block;text-align:left;text-decoration:none;color:var(--text);padding:8px 10px;border-radius:10px;font:inherit}.profile-menu .profile-link:hover{background:#222936}.profile-row{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;color:var(--muted);font-size:12px}.shell-body{flex:1 1;position:relative}.agent-panel,.shell-body{min-height:0;display:flex}.agent-panel{width:300px;flex:0 0 300px;flex-direction:column;margin:12px 0 12px 12px;border:1px solid var(--line);border-radius:18px;background:rgba(28,33,43,.92);overflow:visible;box-shadow:0 12px 32px rgba(0,0,0,.22);z-index:8}.agent-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 0}.agent-panel-head h2{margin:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.agent-balance{color:var(--teal);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stage-canvas{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.stage-paper.dotted{background-color:var(--stage-paper);background-image:radial-gradient(circle,var(--stage-dot) var(--stage-dot-size),transparent var(--stage-dot-fade));background-size:var(--stage-dot-gap) var(--stage-dot-gap);background-position:0 0}.stage-paper.dotted.stage-paper--working{background-image:radial-gradient(circle,var(--stage-dot-active) var(--stage-dot-size),transparent var(--stage-dot-fade))}.stage-paper.dotted.stage-paper--working:after,.stage-paper.dotted.stage-paper--working:before{content:"";position:absolute;inset:-8%;pointer-events:none;background-image:radial-gradient(circle,rgba(var(--signal-rgb),.95) var(--stage-dot-size),transparent var(--stage-dot-fade));background-size:var(--stage-dot-gap) var(--stage-dot-gap);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;will-change:mask-position}.stage-paper.dotted.stage-paper--working:before{z-index:0;opacity:.8;-webkit-mask-image:linear-gradient(115deg,transparent,transparent 28%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.4) 48%,rgba(0,0,0,.88) 50%,rgba(0,0,0,.4) 52%,rgba(0,0,0,.1) 60%,transparent 72%,transparent);mask-image:linear-gradient(115deg,transparent,transparent 28%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.4) 48%,rgba(0,0,0,.88) 50%,rgba(0,0,0,.4) 52%,rgba(0,0,0,.1) 60%,transparent 72%,transparent);-webkit-mask-size:280% 200%;mask-size:280% 200%;animation:stageDotWave 14s cubic-bezier(.45,.05,.55,.95) infinite}.stage-paper.dotted.stage-paper--working:after{z-index:0;background-image:radial-gradient(circle,rgba(214,250,244,.9) calc(var(--stage-dot-size) * .85),transparent var(--stage-dot-fade));-webkit-mask-image:linear-gradient(65deg,transparent,transparent 36%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.06) 56%,transparent 64%,transparent);mask-image:linear-gradient(65deg,transparent,transparent 36%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.06) 56%,transparent 64%,transparent);-webkit-mask-size:300% 220%;mask-size:300% 220%;animation:stageDotWave 18s cubic-bezier(.45,.05,.55,.95) infinite reverse;animation-delay:-4s;opacity:.45}@keyframes stageDotWave{0%{-webkit-mask-position:130% 8%;mask-position:130% 8%}to{-webkit-mask-position:-130% -4%;mask-position:-130% -4%}}.tool-rail{flex:0 0 58px;flex-direction:column;gap:10px;padding:14px 8px;border-left:1px solid var(--line);background:color-mix(in srgb,var(--shell) 94%,transparent);z-index:6}.tool-btn-wrap,.tool-rail{display:flex;align-items:center}.tool-btn-wrap{position:relative;justify-content:center}.tool-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--control);color:var(--muted);display:grid;place-items:center;transition:border-color .14s ease,color .14s ease,background .14s ease,box-shadow .14s ease,transform 80ms ease;cursor:pointer}.tool-btn:hover{border-color:rgba(var(--signal-rgb),.55);color:var(--text);background:var(--control-hover)}.tool-btn:active{transform:translateY(1px)}.tool-btn.active{border-color:var(--teal);color:var(--teal);background:rgba(var(--signal-rgb),.16);box-shadow:0 0 0 3px rgba(var(--signal-rgb),.22)}.tool-btn.tool-btn--chat:hover{border-color:rgba(var(--accent-chat-rgb),.65);color:var(--accent-chat-bright);background:color-mix(in srgb,var(--accent-chat) 12%,var(--control))}.tool-btn.tool-btn--chat.active{border-color:var(--accent-chat);color:var(--accent-chat-ink);background:var(--accent-chat);box-shadow:0 0 0 3px rgba(var(--accent-chat-rgb),.28)}.tool-btn.tool-btn--chat.active:hover{background:color-mix(in srgb,var(--accent-chat) 85%,white);border-color:color-mix(in srgb,var(--accent-chat) 85%,white);color:var(--accent-chat-ink)}.tool-btn.tool-btn--hide:hover{border-color:rgba(var(--amber-rgb),.65);color:#f0d2a8;background:rgba(var(--amber-rgb),.12)}.tool-btn.tool-btn--hide.active{border-color:var(--amber);color:#ffe6c8;background:rgba(var(--amber-rgb),.22);box-shadow:0 0 0 3px rgba(var(--amber-rgb),.22)}.tool-btn.tool-btn--hide.active:hover{background:rgba(var(--amber-rgb),.32);border-color:#f0b870;color:#ffe6c8}.tool-btn.tool-btn--record:hover{border-color:rgba(var(--accent-record-rgb),.65);color:#f5c4c4;background:rgba(var(--accent-record-rgb),.12)}.tool-btn.tool-btn--record.active{border-color:var(--accent-record);color:var(--accent-record-ink);background:rgba(var(--accent-record-rgb),.28);box-shadow:0 0 0 3px rgba(var(--accent-record-rgb),.22)}.tool-btn.tool-btn--record.active:hover{background:rgba(var(--accent-record-rgb),.38);border-color:color-mix(in srgb,var(--accent-record) 85%,white);color:var(--accent-record-ink)}.tool-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tool-btn.tool-btn--chat:focus-visible{outline-color:var(--accent-chat)}.tool-btn.tool-btn--hide:focus-visible{outline-color:var(--amber)}.tool-btn.tool-btn--record:focus-visible{outline-color:var(--accent-record)}.record-overlay{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;max-width:min(920px,calc(100% - 24px))}.record-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:7px 10px 7px 12px;border-radius:999px;border:1px solid rgba(var(--accent-record-rgb),.55);background:color-mix(in srgb,var(--accent-record) 22%,var(--panel));color:var(--accent-record-ink);font-size:12px;font-weight:600;letter-spacing:.02em}.record-pill-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-record);animation:record-dot-pulse 1.1s ease-in-out infinite}@keyframes record-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.record-pill-stop{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer}.record-pill-stop:hover{background:rgba(var(--accent-record-rgb),.35);border-color:rgba(var(--accent-record-rgb),.7)}.record-palette{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px;border-radius:14px;border:1px solid var(--line);background:rgba(16,20,28,.94)}.record-palette-btn{border:1px solid var(--line);background:#1a212c;color:var(--muted);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer}.record-palette-btn:hover{color:var(--text);border-color:rgba(var(--signal-rgb),.45)}.record-palette-btn.active{color:var(--text);border-color:rgba(var(--accent-record-rgb),.7);background:rgba(var(--accent-record-rgb),.18)}.tool-btn-wrap:focus-within .tool-tooltip{opacity:1;transform:translateY(-50%) scale(1)}.tool-tooltip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) scale(.92);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;background:#151a23;border:1px solid var(--line);border-radius:8px;padding:5px 9px;font-size:11px;color:var(--text);display:flex;align-items:center;gap:6px;white-space:nowrap;z-index:30;box-shadow:0 8px 24px rgba(0,0,0,.4)}.tool-btn-wrap:hover .tool-tooltip{opacity:1;transform:translateY(-50%) scale(1)}.tool-tooltip kbd{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:4px;padding:1px 4px;font-size:10px;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.spin-clockwise{animation:spinClockwise .8s linear infinite}@keyframes spinClockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.inspector-drawer{position:absolute;top:12px;right:68px;bottom:12px;width:min(340px,42vw);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:rgba(22,27,36,.96);box-shadow:var(--shadow);transform:translateX(24px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:4}.inspector-drawer.open{opacity:1;transform:translateX(0);pointer-events:auto}.work-backdrop{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.work-backdrop-glow{position:absolute;inset:-10%;background:radial-gradient(ellipse 55% 42% at 50% 48%,rgba(var(--signal-rgb),.1),transparent 68%);animation:workGlowDrift 8s ease-in-out infinite}@keyframes workGlowDrift{0%{transform:translate3d(-4%,0,0) scale(1);opacity:.7}50%{transform:translate3d(4%,-2%,0) scale(1.06);opacity:1}to{transform:translate3d(-4%,0,0) scale(1);opacity:.7}}.work-backdrop-status{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:1;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid rgba(var(--signal-rgb),.45);color:var(--text);font-size:13px;font-weight:600;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=light] .work-backdrop-status{background:rgba(255,255,255,.94);border-color:rgba(var(--signal-rgb),.4);color:var(--carbon);box-shadow:0 8px 24px rgba(18,20,24,.12)}.toast{position:fixed;top:64px;left:50%;transform:translateX(-50%);z-index:40;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:500;line-height:1.35;color:var(--text);background:rgba(var(--panel-rgb),.96);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=light] .toast{background:rgba(255,255,255,.96);border-color:var(--line);color:var(--text);box-shadow:0 8px 28px rgba(18,20,24,.12)}.credit-banner,.render-error-banner{margin:0;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;line-height:1.4;background:rgba(227,109,109,.14);color:#f2b8b5;border-bottom:1px solid rgba(227,109,109,.35)}.credit-banner .btn,.render-error-banner .btn{margin-left:auto;padding:6px 12px;font-size:12px;font-weight:600;border-color:rgba(227,109,109,.45);background:rgba(227,109,109,.16);color:#ffd2d0}.credit-banner .btn:hover,.render-error-banner .btn:hover{background:rgba(227,109,109,.28);border-color:rgba(227,109,109,.6);color:#fff}html[data-theme=light] .credit-banner,html[data-theme=light] .render-error-banner{background:#fdecec;color:#9b2c2c;border-bottom-color:#f3c1c1}html[data-theme=light] .credit-banner .btn,html[data-theme=light] .render-error-banner .btn{background:#ffffff;border-color:#e8a0a0;color:#9b2c2c;box-shadow:0 1px 2px rgba(155,44,44,.08)}html[data-theme=light] .credit-banner .btn:hover,html[data-theme=light] .render-error-banner .btn:hover{background:#fff5f5;border-color:#d97878;color:#7f1d1d}.modal-scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50;display:grid;place-items:center;padding:24px}.modal{width:min(520px,100%);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h3{margin:0;color:var(--text)}.modal-close{border:1px solid var(--line);background:var(--control);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.2;flex-shrink:0}.modal-close:hover{color:var(--text);border-color:var(--line-strong);background:var(--control-hover)}.modal .btn:not(.primary){background:var(--control);border-color:var(--line);color:var(--text)}.modal .btn:not(.primary):hover:not(:disabled){background:var(--control-hover);border-color:var(--line-strong)}.modal .hint strong{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.modal.export-modal{width:min(580px,100%);padding:18px}.modal-title-wrap{display:flex;align-items:center;gap:10px}.modal-badge-success{font-size:11px;font-weight:700;background:rgba(var(--signal-rgb),.16);color:var(--teal);border:1px solid rgba(var(--signal-rgb),.35);border-radius:999px;padding:2px 8px}.export-video-container{margin:14px 0 12px;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--line);max-height:320px;display:flex;justify-content:center;align-items:center}.export-video-element{max-height:320px;max-width:100%;border-radius:8px;outline:none}.export-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:8px;gap:8px;margin-bottom:16px}.export-meta-item{background:var(--control);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:grid;grid-gap:2px;gap:2px}.export-meta-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.export-meta-val{font-size:12px;font-weight:600;color:var(--text)}.export-modal-actions{display:flex;gap:10px;justify-content:flex-end}.export-dl-btn{padding:10px 18px;font-size:13px;text-decoration:none}.export-copy-btn,.export-dl-btn{display:inline-flex;align-items:center;gap:6px}.pack-grid{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.pack-card{display:grid;grid-gap:6px;gap:6px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--control);color:var(--text)}.pack-card strong{color:var(--text);font-size:15px}.pack-card>span{color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html[data-theme=light] .modal-scrim{background:rgba(18,20,24,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}html[data-theme=light] .modal{background:#ffffff;border-color:rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.04),0 24px 56px rgba(0,0,0,.12)}html[data-theme=light] .modal .btn:not(.primary),html[data-theme=light] .modal-close{background:#f3f4f6;border-color:rgba(0,0,0,.1)}html[data-theme=light] .modal .btn:not(.primary):hover:not(:disabled),html[data-theme=light] .modal-close:hover{background:#e8eaee;border-color:rgba(0,0,0,.16)}html[data-theme=light] .pack-card{box-shadow:0 1px 1px rgba(0,0,0,.02)}html[data-theme=light] .export-meta-item,html[data-theme=light] .pack-card{background:#f7f8fa;border-color:rgba(0,0,0,.1)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin:0}.project-delete-error{grid-column:1/-1;margin:0}.project-card-wrap{position:relative;min-width:0}.project-card{position:relative;display:grid;grid-template-columns:64px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:12px 40px 12px 12px;border-radius:14px;border:1px solid var(--line);background:var(--control);text-decoration:none;color:var(--text);transition:border-color .15s ease,background .15s ease}.project-card:hover{border-color:rgba(var(--signal-rgb),.45);background:var(--control-hover)}.project-card-hit{position:absolute;inset:0;z-index:1;border-radius:inherit;text-indent:-9999px;overflow:hidden;color:transparent}.project-card-delete{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);opacity:.55;transition:opacity .12s ease,color .12s ease,background .12s ease,border-color .12s ease}.project-card-delete:focus-visible,.project-card-wrap:hover .project-card-delete{opacity:1}.project-card-delete:focus-visible,.project-card-delete:hover:not(:disabled){color:#f2b8b5;background:rgba(242,184,181,.1);border-color:rgba(242,184,181,.35)}.project-card-delete:disabled{opacity:.4;cursor:wait}.project-card-thumb{position:relative;width:64px;height:64px;border-radius:12px;background:#0b0e13;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.project-card-preview{position:absolute;left:50%;top:50%;transform-origin:center center;pointer-events:none;will-change:transform}.project-card-preview iframe{display:block;width:100%;height:100%;border:0;pointer-events:none;background:#111}.project-card-frame{display:block;border:1.5px solid rgba(var(--signal-rgb),.55);border-radius:3px;background:rgba(var(--signal-rgb),.08)}.project-card-frame.ratio-tall{width:18px;height:32px}.project-card-frame.ratio-wide{width:32px;height:18px}@media (prefers-reduced-motion:reduce){.project-card-preview{will-change:auto}}.project-card-body{display:grid;grid-gap:2px;gap:2px;min-width:0}.project-card-body strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card .muted,.project-card span,.project-card-meta,.project-card-time{color:var(--muted);font-size:12px}.bar{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line)}.bar a{text-decoration:none;color:var(--text);font-weight:700;letter-spacing:-.04em;font-size:18px}.bar span{color:var(--muted);font-size:13px}.cols{flex:1 1;display:grid;grid-template-columns:320px 1fr 320px}.col,.cols{min-height:0}.col{display:flex;flex-direction:column;border-right:1px solid var(--line)}.col:last-child{border-right:0}.col h2{margin:0;padding:14px 14px 8px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.col-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:10px}.col-head h2{padding-right:0;flex:1 1}.col-head-actions{display:flex;align-items:center;gap:6px}.preview-refresh-btn:hover{border-color:var(--teal);color:#b8f0e8;background:#152822}.preview-refresh-btn:disabled{opacity:.65;cursor:wait}.preview-refresh-btn.spinning svg{animation:preview-spin .75s linear infinite}@keyframes preview-spin{to{transform:rotate(1turn)}}.pick-el-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:var(--control);color:var(--muted);flex-shrink:0;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease,transform 80ms ease}.pick-el-btn:hover{border-color:var(--accent-chat);color:var(--accent-chat-bright);background:color-mix(in srgb,var(--accent-chat) 12%,var(--control));transform:translateY(-1px)}.pick-el-btn:active{transform:translateY(0)}.pick-el-btn.active{border-color:var(--accent-chat);color:var(--accent-chat-ink);background:var(--accent-chat);box-shadow:0 0 0 3px rgba(var(--accent-chat-rgb),.28)}.pick-el-btn.active:hover{background:color-mix(in srgb,var(--accent-chat) 85%,white);border-color:color-mix(in srgb,var(--accent-chat) 85%,white);color:var(--accent-chat-ink)}.pick-hide-btn{transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease,transform 80ms ease}.pick-hide-btn:hover{border-color:rgba(226,161,90,.65);background:rgba(226,161,90,.12);color:#f0d2a8;transform:translateY(-1px)}.pick-hide-btn.active{border-color:#e2a15a;background:rgba(226,161,90,.22);color:#ffe6c8;font-weight:650;box-shadow:0 0 0 3px rgba(226,161,90,.22)}.pick-hide-btn.active:hover{background:rgba(226,161,90,.32);border-color:#f0b870}.col-inspector{min-height:0}.inspect-scroll{flex:1 1;min-height:0;overflow:auto;padding:10px 14px 12px}.inspect-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line)}.inspect-head-tabs{display:flex;align-items:center;gap:4px}.inspect-tab-btn{background:transparent;border:0;padding:6px 8px;border-radius:8px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .12s ease}.cursor-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.cursor-toggle input{width:16px;height:16px}.settings-section .field{display:grid;grid-gap:4px;gap:4px;font-size:12px;color:var(--muted)}.settings-section .field input[type=range]{width:100%}.cursor-preview-row{display:flex;align-items:center;gap:12px}.cursor-preview-tile{width:48px;height:48px;border-radius:10px;border:1px solid var(--line);background:#0f131a;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.cursor-preview-tile img{width:32px;height:32px;object-fit:contain}.cursor-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.hint.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;word-break:break-all}.inspect-tab-btn:hover{color:var(--text);background:rgba(255,255,255,.05)}.inspect-tab-btn.active{color:var(--teal);background:rgba(var(--signal-rgb),.12)}.close-btn{border:0;background:transparent;font-size:13px;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--muted);cursor:pointer}.close-btn:hover{background:rgba(255,255,255,.08);color:var(--text)}.beat-presets-bar{display:flex;align-items:center;gap:6px;padding:6px 0 10px;overflow-x:auto}.preset-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.chip-btn,.preset-label{font-size:11px;white-space:nowrap}.chip-btn{background:#181d27;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--text);cursor:pointer;transition:all .12s ease}.chip-btn:hover{border-color:var(--teal);color:var(--teal)}.beat-top{grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;align-items:end}.beat-top,.beat-top-fields{display:grid;gap:8px;min-width:0}.beat-top-fields{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:8px}.beat-top-fields label{display:grid;grid-gap:4px;gap:4px;min-width:0;font-size:12px;color:var(--muted)}.beat-top-fields input,.beat-top-fields select{width:100%;min-width:0;box-sizing:border-box}.beat-delete-btn{flex-shrink:0;white-space:nowrap;padding:10px 12px}.beat-time-badge{display:inline-flex;align-items:center;gap:3px;background:#12161f;border:1px solid var(--line);border-radius:8px;padding:2px 6px}.beat-time-badge input{border:0;background:transparent;padding:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:44px;font-size:12px;text-align:right;outline:none}.beat-time-badge .unit{font-size:11px;color:var(--muted)}.beat-op-select{background:#12161f;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--text);outline:none}.beat-actions-right{display:flex;align-items:center;gap:4px;margin-left:auto}.icon-btn-tiny{padding:4px 6px;font-size:11px;border-radius:6px;border:1px solid var(--line);background:#151a23;cursor:pointer;line-height:1}.icon-btn-tiny.danger:hover{border-color:var(--danger);background:rgba(227,109,109,.15)}.element-search-wrap{padding:4px 0 8px}.element-search-input{width:100%;background:#12161d;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12px;outline:none}.element-search-input:focus{border-color:var(--teal)}.elements-list{display:grid;grid-gap:8px;gap:8px;margin:6px 0 12px}.element-target-card{background:#161b24;border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;grid-gap:6px;gap:6px}.element-target-head{display:flex;align-items:center;gap:6px}.element-tag{font-size:10px;text-transform:uppercase;background:rgba(var(--signal-rgb),.15);color:var(--teal);padding:2px 6px;border-radius:4px;font-weight:700}.element-sel{font-size:11px;color:#8ec8d6;word-break:break-all}.element-text{font-size:12px;color:var(--muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.btn-xs{padding:3px 8px;font-size:10px;border-radius:6px;border:1px solid var(--line);background:#1c222e;color:var(--text);cursor:pointer;transition:all .12s ease}.btn-xs:hover{border-color:var(--teal);color:var(--teal)}.settings-section{background:#161b24;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;display:grid;grid-gap:8px;gap:8px}.settings-section h4{margin:0;font-size:13px;font-weight:600;color:var(--text)}.beat-compact-list{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-gap:4px;gap:4px;max-height:220px;overflow:auto;overscroll-behavior:contain;contain:layout paint}.beat-compact-list>li{min-height:34px}.beat-compact-row{width:100%;min-height:34px;display:grid;grid-template-columns:52px 64px 1fr;grid-gap:8px;gap:8px;align-items:center;text-align:left;border:1px solid var(--line);background:#151922;color:var(--text);border-radius:10px;padding:7px 9px;cursor:pointer;box-sizing:border-box}.beat-compact-row:hover{border-color:rgba(var(--signal-rgb),.45);background:#182029}.beat-compact-row.selected{border-color:var(--teal);background:rgba(var(--signal-rgb),.08)}.beat-compact-row.listed-hot:not(.selected){border-color:rgba(var(--signal-rgb),.4);background:#182029}.beat-compact-row:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.match-status-slot{min-height:36px;margin-bottom:8px}.match-status-empty{opacity:.55;border-style:dashed}.beat-compact-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.beat-compact-op{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.beat-compact-label{min-width:0;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);overflow:hidden}.beat-compact-label-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beat-compact-orphan{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#f87171;background:rgba(248,113,113,.12);border-radius:999px;padding:1px 6px}.beat-compact-row.is-orphan .beat-compact-label-text{color:#f87171}.goto-orphan-warn{color:#f87171!important;margin:0 0 8px}.beat-editor{border-top:1px solid var(--line);padding-top:10px;display:grid;grid-gap:10px;gap:10px;min-width:0;overflow:hidden}.match-status-icon{display:inline-block;margin-right:6px;font-weight:700}.inspect-footer{display:none;flex-shrink:0;padding:12px 14px 14px;border-top:1px solid var(--line);background:#12161e}.inspect-footer .actions{margin-top:0}.targets-panel{margin:0 0 12px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#151922}.targets-panel summary{cursor:pointer;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.composer-box{min-height:84px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--control);cursor:text;line-height:1.55;overflow-wrap:anywhere}.composer-editor{outline:none;white-space:pre-wrap}.composer-editor.empty:not(:focus):before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.composer-box.picking-chat{border-color:rgba(var(--accent-chat-rgb),.55);box-shadow:inset 0 0 0 1px rgba(var(--accent-chat-rgb),.15),0 0 0 2px rgba(var(--accent-chat-rgb),.12)}.composer-editor .mention-chip-inline{vertical-align:baseline;margin:0 2px}.chat-body{display:inline;white-space:pre-wrap;line-height:1.55}.chat-body .mention-chip{vertical-align:middle;margin:2px 4px 2px 0}.mention-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid rgba(var(--accent-chat-rgb),.45);background:color-mix(in srgb,var(--accent-chat) 12%,var(--control));color:var(--accent-chat-soft);border-radius:999px;padding:4px 8px 4px 7px;font-size:12px;line-height:1.2;text-align:left}.mention-chip code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;color:var(--accent-chat-bright)}.mention-chip .mention-sel{color:color-mix(in srgb,var(--accent-chat-soft) 80%,var(--muted));max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-icon{display:inline-flex;color:var(--accent-chat);flex-shrink:0}.mention-x{border:0;background:transparent;color:color-mix(in srgb,var(--accent-chat-soft) 80%,var(--muted));padding:0 2px;margin:0;font-size:14px;line-height:1;border-radius:4px}.mention-x:hover{color:#ffb4b4;background:rgba(255,107,107,.12)}.msgs{flex:1 1;overflow:auto;padding:0 14px 8px;display:flex;flex-direction:column;gap:10px}.bubble,.msgs{position:relative}.bubble{border-radius:16px;padding:10px 12px;white-space:pre-wrap;line-height:1.4}.bubble.user{background:#243046;margin-left:24px;border-bottom-right-radius:4px}.bubble.assistant{background:#1c222e;margin-right:12px;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.06)}.bubble-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.bubble-author{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.bubble-author.user{color:var(--amber)}.bubble-author.director{color:var(--teal)}.applied-pill{font-size:10px;font-weight:600;color:var(--teal);background:rgba(var(--signal-rgb),.14);padding:1px 7px;border-radius:999px}.scroll-bottom-btn{position:absolute;bottom:12px;right:18px;z-index:10;background:#19202c;border:1px solid var(--teal);color:var(--teal);font-size:11px;font-weight:700;border-radius:999px;padding:5px 12px;box-shadow:0 4px 16px rgba(0,0,0,.45);cursor:pointer;transition:transform .12s ease,background .12s ease}.scroll-bottom-btn:hover{transform:translateY(-2px);background:#202939}.prompt-category{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px}.prompt-category-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;gap:6px}.mention-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;max-height:240px;background:#161b24;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 36px rgba(0,0,0,.5);z-index:25;display:flex;flex-direction:column;overflow:hidden}.mention-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:#12161f;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.mention-dropdown-list{overflow-y:auto;padding:4px;display:grid;grid-gap:2px;gap:2px}.mention-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:0;background:transparent;color:var(--text);font-size:12px;text-align:left;cursor:pointer;transition:background .1s ease}.mention-dropdown-item:hover{background:#202735}.mention-dropdown-page .element-tag{background:rgba(var(--signal-rgb),.14);color:var(--teal)}.mention-dropdown-sel{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:#8ec8d6}.mention-dropdown-text{font-size:11px;color:var(--muted);margin-left:auto;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips{display:flex;flex-direction:column;gap:8px}.chips button{text-align:left;background:#1a212c;border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--muted)}.chips button:hover:not(:disabled){border-color:var(--teal);color:var(--text)}.guidance{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#151a22;display:grid;grid-gap:10px;gap:10px}.guidance strong{font-size:13px;letter-spacing:.02em}.guidance-missing_ui{border-color:rgba(226,161,90,.45)}.guidance-partial{border-color:rgba(var(--signal-rgb),.4)}.guidance-tip{border-color:var(--line)}.guidance-block span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.guidance-block ul{margin:0;padding-left:18px;color:var(--text);font-size:13px;line-height:1.4}.guidance-chips{margin-top:2px}.guidance-chips button{font-size:12px;padding:8px 10px}.guidance-cta{justify-self:start;border:1px solid rgba(var(--signal-rgb),.55);background:rgba(var(--signal-rgb),.14);color:var(--text);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600;cursor:pointer}.guidance-cta:hover{border-color:rgba(var(--signal-rgb),.8);background:rgba(var(--signal-rgb),.22)}.composer{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid var(--line);position:relative;z-index:6;overflow:visible;border-radius:0 0 18px 18px;background:inherit}.message-queue{display:grid;grid-gap:4px;gap:4px;margin:0 0 2px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg-2) 88%,#000)}.message-queue-label,.message-queue-toggle{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.message-queue-label span{letter-spacing:0;text-transform:none;color:var(--teal);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.message-queue-toggle{width:100%;border:0;background:transparent;padding:0;text-align:left;color:var(--muted);letter-spacing:.02em;text-transform:none;font-size:12px}.message-queue-toggle:hover{color:var(--text)}.message-queue-chevron{flex-shrink:0;transition:transform .14s ease;color:var(--teal)}.message-queue-chevron.open{transform:rotate(180deg)}.message-queue-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px;max-height:168px;overflow:auto;overscroll-behavior:contain}.message-queue-item{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 6px;border-radius:8px}.message-queue-item.is-next,.message-queue-item:hover{background:rgba(255,255,255,.03)}.message-queue-dot{width:7px;height:7px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--teal) 55%,var(--muted));flex-shrink:0}.message-queue-item.is-next .message-queue-dot{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 35%,transparent)}.message-queue-preview{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text);line-height:1.3}.message-queue-preview em{font-style:normal;color:var(--teal);margin-right:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.message-queue-actions{display:inline-flex;align-items:center;gap:1px;flex-shrink:0;opacity:.72;transition:opacity .12s ease}.message-queue-item.is-next .message-queue-actions,.message-queue-item:focus-within .message-queue-actions,.message-queue-item:hover .message-queue-actions{opacity:1}.message-queue-actions button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:4px 6px;border-radius:6px;line-height:1.2;display:inline-grid;place-items:center}.message-queue-actions button:hover{color:var(--text);background:#1a212c}.message-queue-actions button.send-now{font-weight:600}.message-queue-actions button.send-now:hover{color:var(--teal)}.message-queue-actions button.danger:hover{color:var(--danger);background:rgba(227,109,109,.12)}.message-queue-more{border:0;background:transparent;color:var(--muted);font-size:11px;text-align:left;padding:2px 6px 0;width:-moz-fit-content;width:fit-content}.message-queue-more:hover{color:var(--teal)}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-width:0}.composer-actions .btn.primary{flex-shrink:0}.context-depth{position:relative;min-width:0;flex:1 1 auto;max-width:100%}.context-depth-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--control);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;max-width:100%;min-width:0}.context-depth-btn:hover,.context-depth-btn[aria-expanded=true]{color:var(--text);border-color:var(--teal)}.context-depth-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.context-depth-caret{font-size:10px;opacity:.7;flex-shrink:0}.context-depth-menu{position:absolute;left:0;right:auto;bottom:calc(100% + 6px);z-index:60;margin:0;padding:6px;list-style:none;width:min(260px,calc(100vw - 48px));max-width:min(260px,100%);border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 12px 32px rgba(0,0,0,.28);display:grid;grid-gap:4px;gap:4px}.context-depth-option{display:grid;grid-gap:2px;gap:2px;width:100%;text-align:left;border:0;background:transparent;color:var(--text);border-radius:8px;padding:8px 10px;cursor:pointer}.context-depth-option span{color:var(--muted);font-size:11px;line-height:1.35}.context-depth-option.selected,.context-depth-option:hover{background:var(--control-hover)}.context-depth-option.selected strong{color:var(--teal)}html[data-theme=light] .context-depth-menu{background:#ffffff;border-color:rgba(0,0,0,.1);box-shadow:0 12px 32px rgba(0,0,0,.12)}html[data-theme=light] .context-depth-btn{background:#f3f4f6;border-color:rgba(0,0,0,.1)}html[data-theme=light] .context-depth-option.selected,html[data-theme=light] .context-depth-option:hover{background:#eef1f5}@media (max-width:768px){.composer-actions{justify-content:space-between}.context-depth-btn{padding:6px 8px;font-size:11px}.context-depth-label{max-width:min(42vw,160px)}.context-depth-menu{left:0;width:min(260px,calc(100vw - 32px))}}.stage,.stage-view{background:#0d1015}.stage-view{flex:1 1;min-height:0;position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:none}.stage-view.is-panning{cursor:-webkit-grabbing;cursor:grabbing}.stage-view .frame-shell,.stage-view .mockup-phone,.stage-view iframe{cursor:default}.stage-camera{position:absolute;left:0;top:0;z-index:1;transform-origin:0 0;will-change:transform;transition:transform .16s cubic-bezier(.22,1,.36,1)}.stage-camera.is-dragging{transition:none}.stage-paper{position:absolute;left:-4000px;top:-4000px;width:8000px;height:8000px;pointer-events:none;z-index:0}.stage-content{position:relative;z-index:1}.stage-view.picking .frame-wrap{outline:2px solid var(--accent-chat);outline-offset:3px}.pick-hint{position:absolute;top:10px;z-index:2;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--shell) 92%,transparent);border:1px solid rgba(var(--accent-chat-rgb),.45);color:var(--text);font-size:13px}.pick-hint.pick-hint--record{top:auto;bottom:58px;left:50%;transform:translateX(-50%);z-index:9;border-color:rgba(var(--accent-record-rgb),.5);max-width:min(720px,calc(100% - 24px))}.frame-wrap{position:relative;overflow:hidden;background:#000;border-radius:12px;box-shadow:var(--shadow)}.frame-wrap iframe{border:0;transform-origin:top left;background:#fff}.frame-shell{position:relative;display:inline-block;overflow:visible;vertical-align:top}.frame-plain{position:relative;overflow:hidden;background:#000;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.35)}.frame-plain-fill{width:100%;height:100%}.frame-plain iframe,.mockup-browser-screen iframe,.mockup-phone-screen iframe{border:0;transform-origin:top left;background:#fff}.mockup-browser{background:#171c25;border:1px solid var(--line);border-radius:10px;overflow:visible;box-shadow:0 16px 40px rgba(0,0,0,.35)}.mockup-browser-bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#1c222c;border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}.mockup-browser-dot{width:8px;height:8px;border-radius:50%;background:#3a4454}.mockup-browser-url{margin-left:8px;font-size:11px;color:var(--muted);letter-spacing:.02em}.mockup-browser-screen{position:relative;overflow:hidden;background:#000;border-radius:0 0 10px 10px}.frame-size-badge{position:absolute;left:10px;bottom:10px;z-index:5;pointer-events:none;display:inline-flex;align-items:baseline;gap:4px;padding:4px 8px;border-radius:8px;background:rgba(12,16,22,.88);border:1px solid rgba(255,255,255,.12);color:#e8eef6;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.frame-size-unit{color:var(--muted);font-size:10px;text-transform:lowercase}.frame-resize-layer{position:absolute;inset:0;z-index:8;pointer-events:none}.frame-resize-handle{position:absolute;padding:0;border:0;background:transparent;pointer-events:auto}.frame-resize-handle.edge-e{top:18px;right:-8px;width:16px;height:calc(100% - 36px);cursor:ew-resize}.frame-resize-handle.edge-s{left:18px;bottom:-8px;width:calc(100% - 36px);height:16px;cursor:ns-resize}.frame-resize-handle.edge-se{right:-10px;bottom:-10px;width:22px;height:22px;border-radius:6px;background:rgba(20,28,36,.95);border:1px solid rgba(var(--signal-rgb),.85);box-shadow:0 4px 14px rgba(0,0,0,.35);cursor:nwse-resize;display:grid;place-items:center}.frame-resize-handle.edge-se:focus-visible,.frame-resize-handle.edge-se:hover{background:rgba(var(--signal-rgb),.2);outline:none}.frame-resize-grip{width:10px;height:10px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:translate(-1px,-1px)}body.is-resizing-frame{cursor:nwse-resize!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}body.is-resizing-frame iframe{pointer-events:none!important}.mockup-phone{display:inline-flex}.mockup-phone-body{position:relative;background:#12161e;border:1px solid #2f3746;border-radius:28px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.35)}.mockup-phone-screen{position:relative;overflow:hidden;border-radius:20px;background:#000}.mockup-phone-notch{top:12px;width:34%;height:18px;border-radius:0 0 12px 12px}.mockup-phone-island,.mockup-phone-notch{position:absolute;left:50%;z-index:2;transform:translateX(-50%);background:#0a0d12}.mockup-phone-island{top:14px;width:28%;height:14px;border-radius:999px}.mockup-phone-punch{top:16px;width:10px;height:10px;border-radius:50%;background:#0a0d12;box-shadow:0 0 0 2px rgba(255,255,255,.06)}.mockup-phone-earpiece,.mockup-phone-punch{position:absolute;left:50%;z-index:2;transform:translateX(-50%)}.mockup-phone-earpiece{top:14px;width:22%;height:5px;border-radius:999px;background:#2a3140}.mockup-phone-home{position:absolute;left:50%;bottom:4px;width:28%;height:3px;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.18)}.mockup-phone-classic .mockup-phone-body{border-radius:22px}.mockup-phone-classic .mockup-phone-screen{border-radius:14px}.stage-view.picking .frame-shell,.stage-view.picking .mockup-phone-body{outline:2px solid var(--teal);outline-offset:3px}.tool-rail-slot{position:relative;flex:0 0 58px;display:flex;flex-direction:column;min-height:0}.tool-rail-slot .tool-rail{flex:1 1;border-left:1px solid var(--line)}.frame-menu{position:absolute;right:calc(100% + 10px);top:120px;width:min(320px,calc(100vw - 80px));z-index:40;display:grid;grid-gap:12px;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:#141922;box-shadow:0 18px 48px rgba(0,0,0,.45)}.frame-menu-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.frame-menu-head strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.frame-menu-close{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#1a212c;color:var(--muted);font-size:16px;line-height:1}.frame-menu-close:hover{color:var(--text)}.frame-menu-lead{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.frame-menu-section{display:grid;grid-gap:8px;gap:8px}.frame-menu-label{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.frame-menu-card{display:grid;grid-template-columns:44px 1fr;grid-gap:10px;gap:10px;align-items:center;text-align:left;padding:8px;border-radius:12px;border:1px solid var(--line);background:#10151d;color:var(--text);cursor:pointer}.frame-menu-card:hover{border-color:rgba(var(--signal-rgb),.45)}.frame-menu-card.on{border-color:var(--teal);background:rgba(var(--signal-rgb),.1)}.frame-menu-card-body{display:grid;grid-gap:2px;gap:2px}.frame-menu-card-body strong{font-size:13px}.frame-menu-card-body span{font-size:11px;color:var(--muted)}.frame-menu-card-preview{width:44px;height:36px;border-radius:8px;border:1px solid #2f3746;background:#0c1016}.frame-menu-preview-none{background:linear-gradient(145deg,#1a222e,#0c1016)}.frame-menu-preview-web{background:linear-gradient(#1c222c,#1c222c) top /100% 8px no-repeat,linear-gradient(145deg,#243041,#121820)}.frame-menu-phones{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.frame-menu-phone{display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:10px 8px;border-radius:12px;border:1px solid var(--line);background:#10151d;color:var(--text);cursor:pointer}.frame-menu-phone:hover{border-color:rgba(var(--signal-rgb),.45)}.frame-menu-phone.on{border-color:var(--teal);background:rgba(var(--signal-rgb),.1)}.frame-menu-phone strong{font-size:12px}.frame-menu-phone span{font-size:10px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.frame-menu-phone-glyph{width:22px;height:36px;border-radius:6px;border:1px solid #3a4454;background:#0c1016;position:relative}.frame-menu-phone-glyph.chrome-classic:before,.frame-menu-phone-glyph.chrome-island:before,.frame-menu-phone-glyph.chrome-notch:before{content:"";position:absolute;top:3px;left:50%;transform:translateX(-50%);background:#2a3140}.frame-menu-phone-glyph.chrome-notch:before{width:12px;height:3px;border-radius:0 0 3px 3px}.frame-menu-phone-glyph.chrome-island:before{width:10px;height:3px;border-radius:999px}.frame-menu-phone-glyph.chrome-classic:before{width:8px;height:2px;border-radius:999px}.frame-menu-phone-glyph.chrome-punch:before{content:"";position:absolute;top:4px;left:50%;width:3px;height:3px;transform:translateX(-50%);border-radius:50%;background:#2a3140}.canvas-controls{position:absolute;top:14px;right:14px;z-index:4;display:flex;align-items:center;gap:2px;background:rgba(20,25,34,.92);border:1px solid var(--line);border-radius:10px;padding:3px}.canvas-ctrl-btn{background:transparent;border:0;color:var(--muted);border-radius:6px;width:28px;height:28px;display:grid;place-items:center;font-size:14px;line-height:1;transition:color .14s ease,background .14s ease}.canvas-ctrl-btn:hover:not(:disabled){color:var(--text);background:rgba(255,255,255,.08)}.canvas-ctrl-btn.active{color:var(--teal);background:rgba(var(--signal-rgb),.16)}.canvas-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.pages-world{position:relative;min-width:960px;min-height:560px;outline:none;cursor:default}.pages-world.is-dragover:after{content:"";position:absolute;inset:12px;border:2px dashed rgba(var(--signal-rgb),.55);border-radius:16px;pointer-events:none;z-index:20}.pages-canvas-hint{position:absolute;z-index:5;margin:0;padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted);background:rgba(var(--panel-rgb),.88);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap}.pages-canvas-edges{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:1}.pages-edge-line{fill:none;stroke:rgba(var(--signal-rgb),.9);stroke-width:2.6;pointer-events:none}.pages-edge-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}.pages-edge-label-bg{fill:rgba(var(--panel-rgb),.92);stroke:rgba(var(--signal-rgb),.35);stroke-width:1;pointer-events:auto;cursor:pointer}.pages-edge-label{fill:var(--text);font-size:11px;font-weight:650;text-anchor:middle;pointer-events:auto;cursor:pointer}.pages-edge-arrow{fill:rgba(var(--signal-rgb),.95)}.pages-card{position:absolute;z-index:2;width:260px;border-radius:14px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:box-shadow .14s ease,border-color .14s ease,transform 80ms ease}.pages-card.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;z-index:6;box-shadow:0 18px 48px rgba(0,0,0,.35);transform:scale(1.02)}.pages-card.is-entry{border-color:rgba(var(--signal-rgb),.55);box-shadow:0 0 0 1px rgba(var(--signal-rgb),.2),var(--shadow)}.pages-world.is-picking-chat .pages-card.is-pickable{cursor:crosshair;box-shadow:0 0 0 2px rgba(var(--accent-chat-rgb),.55),var(--shadow)}.pages-world.is-picking-chat .pages-card.is-pickable:hover{border-color:var(--accent-chat);box-shadow:0 0 0 3px rgba(var(--accent-chat-rgb),.4),var(--shadow)}.pages-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.pages-card-head strong,.pages-card-title{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1;text-align:left}.pages-card-title{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;padding:0;margin:0;cursor:text;border-radius:4px}.pages-card-title:hover{color:var(--teal)}.pages-card-title:focus-visible{outline:2px solid rgba(var(--signal-rgb),.45);outline-offset:2px}.pages-card-rename{flex:1 1;min-width:0;font-size:13px;font-weight:700;color:var(--text);background:rgba(255,255,255,.06);border:1px solid rgba(var(--signal-rgb),.45);border-radius:6px;padding:2px 6px;outline:none}.pages-card-rename:focus{border-color:rgba(var(--signal-rgb),.75);box-shadow:0 0 0 2px rgba(var(--signal-rgb),.18)}.pages-card-badge{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--teal);background:rgba(var(--signal-rgb),.12);border-radius:999px;padding:2px 7px;flex-shrink:0}.pages-card-set-entry{color:var(--teal)}.pages-card-preview{height:150px;background:#0d1015;overflow:hidden;pointer-events:none}.pages-card-preview iframe{width:360%;height:360%;border:0;transform:scale(.278);transform-origin:top left}.pages-card-actions{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.pages-card-actions .btn{flex:1 1;padding:6px 8px;font-size:12px;cursor:pointer}.pages-card-add{align-items:center;justify-content:center;gap:6px;min-height:220px;cursor:-webkit-grab;cursor:grab;color:var(--muted);background:rgba(255,255,255,.02);border-style:dashed}.pages-card-add:hover:not(:disabled){color:var(--text);border-color:rgba(var(--signal-rgb),.45);background:rgba(var(--signal-rgb),.06)}.pages-card-add.is-capture-focus{color:var(--text);border-color:rgba(var(--signal-rgb),.85);background:rgba(var(--signal-rgb),.12);box-shadow:0 0 0 3px rgba(var(--signal-rgb),.22);animation:pages-capture-pulse 1.2s ease-in-out 3}@keyframes pages-capture-pulse{0%,to{box-shadow:0 0 0 3px rgba(var(--signal-rgb),.18)}50%{box-shadow:0 0 0 7px rgba(var(--signal-rgb),.32)}}.pages-card-add-icon{font-size:36px;line-height:1;font-weight:300;color:var(--teal)}.pages-card-add .hint{font-size:11px;color:var(--muted)}html[data-theme=light] .pages-canvas-hint{background:rgba(255,255,255,.92)}html[data-theme=light] .pages-card-preview{background:#eef0f3}html[data-theme=light] .pages-card-add{background:#f8f9fb}html[data-theme=light] .pages-card-rename{background:#fff;color:var(--text)}html[data-theme=light] .pages-edge-label-bg{fill:rgba(255,255,255,.94)}html[data-theme=light] .beat-compact-orphan{color:#dc2626;background:rgba(220,38,38,.1)}html[data-theme=light] .beat-compact-row.is-orphan .beat-compact-label-text,html[data-theme=light] .goto-orphan-warn{color:#dc2626!important}html[data-theme=light] .studio.shell .canvas-ctrl-btn.active{color:#0f766e;background:rgba(var(--signal-rgb),.14)}.canvas-ctrl-text{font-size:11px;padding:0 6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);cursor:pointer;border-radius:4px;line-height:24px;transition:color .14s ease}.canvas-ctrl-text:hover{color:var(--text)}.transport{display:flex;flex-direction:column;gap:8px;padding:8px 14px 12px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(10,12,16,.2),rgba(10,12,16,.55))}.transport-row{display:flex;align-items:center;gap:8px}.transport-time{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#c7d0dc}.yt-timeline{display:grid;grid-gap:6px;gap:6px;width:100%;min-width:0}.yt-chapters{position:relative;height:28px;margin:0 2px}.yt-chapter{position:absolute;top:0;transform:translateX(-8%);max-width:min(140px,28vw);display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(18,22,30,.92);color:#e8edf5;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;opacity:.72;transition:opacity .12s ease,background .12s ease,transform .12s ease}.yt-chapter.active,.yt-chapter:hover{opacity:1;background:rgba(28,36,48,.98);z-index:2;transform:translateX(-8%) translateY(-1px)}.yt-chapter-op{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:9px}.yt-chapter-text{overflow:hidden;text-overflow:ellipsis;color:#b7c2d2}.yt-track{position:relative;height:18px;margin:0 2px;cursor:pointer;outline:none;touch-action:none}.yt-track:focus-visible{box-shadow:0 0 0 2px rgba(var(--accent-chat-rgb),.45);border-radius:999px}.yt-track-bg,.yt-track-fill{position:absolute;left:0;top:50%;height:4px;transform:translateY(-50%);border-radius:999px}.yt-track-bg{width:100%;background:rgba(255,255,255,.16)}.yt-track-fill{background:#e11d48}.yt-playhead{position:absolute;top:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;border:2px solid #e11d48;transform:translateY(-50%);pointer-events:none;z-index:3}.yt-playhead.scrubbing{transform:translateY(-50%) scale(1.15)}.yt-playhead-ghost{width:10px;height:10px;margin-left:-5px;border-radius:50%;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.55);pointer-events:none}.yt-marker,.yt-playhead-ghost{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.yt-marker{width:8px;height:8px;margin-left:-4px;border-radius:50%;border:1.5px solid rgba(8,10,14,.85);padding:0;cursor:-webkit-grab;cursor:grab;touch-action:none;box-shadow:0 0 0 1px rgba(255,255,255,.15)}.yt-marker.active-now,.yt-marker.hot,.yt-marker:hover{width:10px;height:10px;margin-left:-5px;z-index:4}.yt-marker.dragging{width:12px;height:12px;margin-left:-6px;cursor:-webkit-grabbing;cursor:grabbing;z-index:10;outline:2px solid var(--teal);outline-offset:1px}.yt-marker-drag-hint{font-size:9px;color:var(--muted);margin-top:3px;border-top:1px solid rgba(255,255,255,.08);padding-top:2px}.yt-marker-tip,.yt-scrub-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);pointer-events:none;white-space:nowrap;border-radius:8px;background:rgba(12,14,18,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.35);color:#f3f6fb;font-size:11px;line-height:1.35;z-index:5}.yt-marker-tip{display:none;flex-direction:column;gap:2px;min-width:120px;max-width:220px;padding:7px 9px;white-space:normal;text-align:left}.yt-marker.hot .yt-marker-tip,.yt-marker:hover .yt-marker-tip{display:flex}.yt-marker-tip strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px}.yt-marker-op{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.yt-marker-tip code{font-size:10px;color:#8ec8d6;word-break:break-all}.yt-scrub-tip{padding:4px 7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.beat{border:1px solid var(--line);border-radius:14px;padding:8px;margin-bottom:8px;background:#171c25;transition:border-color .12s ease,background .12s ease}.beat-target{cursor:default}.beat-hot{border-color:var(--accent-chat);background:#15222c}.beat-sel{margin:6px 0 0;font-size:11px;color:#7ec8d8;word-break:break-all}.hide-box{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#151922}.hide-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hide-chips{display:flex;flex-wrap:wrap;gap:6px}.hide-chip{border:1px solid rgba(226,161,90,.4);background:rgba(226,161,90,.1);color:#f0d2a8;border-radius:999px;padding:6px 10px;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hide-chip:hover{border-color:var(--danger);color:#ffb4b4}.fields{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:2px}.fields,.fields label{display:grid;min-width:0}.fields label{grid-gap:4px;gap:4px;font-size:12px;color:var(--muted)}.fields .style-box,.fields label:has(input[list]),.fields label:has(input[type=text]){grid-column:1/-1}.fields input,.fields select{width:100%;min-width:0;box-sizing:border-box}@media (max-width:420px){.beat-top{grid-template-columns:1fr}.beat-delete-btn{width:100%}.fields{grid-template-columns:1fr}}.inspector-drawer .beat-top{grid-template-columns:1fr}.inspector-drawer .beat-delete-btn{width:100%}.inspector-drawer .fields{grid-template-columns:1fr}.color-row{display:grid;grid-template-columns:42px 1fr;grid-gap:8px;gap:8px;align-items:center}.color-row input[type=color]{width:42px;height:34px;padding:2px;cursor:pointer}.style-box{display:grid;grid-gap:6px;gap:6px;margin-top:4px;padding:8px;border-radius:12px;border:1px solid rgba(var(--accent-chat-rgb),.22);background:rgba(20,28,38,.65)}.style-box-title{margin:0;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#8ec8d6}.style-preview{margin-top:2px;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.35;border:1px solid rgba(255,255,255,.08)}.style-preview.buttonish{display:inline-flex;justify-content:center;min-width:96px;border-radius:999px;font-weight:700}.tiny{display:flex;gap:6px}.status{font-size:13px;min-height:1.2em}.status,.target{color:var(--muted)}.target{font-size:12px;margin:0 0 8px}.match-status{margin:0 0 10px;padding:7px 10px;border-radius:10px;font-size:12px;word-break:break-all;border:1px solid var(--line);background:#151922}.match-status.ok{color:#9fe7f5;border-color:rgba(var(--accent-chat-rgb),.45);background:#15222c}.match-status.warn{color:#f6d58a;border-color:rgba(240,180,41,.45);background:#2a2212}.match-status.bad{color:#ffb4b4;border-color:rgba(255,107,107,.45);background:#2a1518}.mobile-nav-bar{display:none}@media (max-width:1500px){.agent-panel{width:280px;flex-basis:280px}.inspector-drawer{width:min(320px,36vw)}}@media (max-width:1200px){.btn-label,.shell-top-center{display:none}}@media (max-width:980px){.home{grid-template-columns:1fr;max-width:640px;gap:24px;padding-top:24px;padding-bottom:40px}.brand{position:static;max-width:none;padding-top:0}.brand h1{font-size:clamp(40px,12vw,52px)}.brand-lead{max-width:none;margin-bottom:16px}.brand-steps{display:none}.create-options{grid-template-columns:1fr}.home-actions{flex-direction:column;position:-webkit-sticky;position:sticky;bottom:0;padding-top:12px;background:linear-gradient(180deg,transparent,rgba(16,19,26,.96) 28%)}.home-actions .btn{width:100%;justify-content:center;text-align:center}.cols{grid-template-columns:1fr;overflow:auto}}@media (max-width:768px){.home{max-width:100%;gap:20px}.home-panel-head{align-items:center}.drop{padding:24px 16px}}@media (max-width:480px){.home{padding-left:14px;padding-right:14px}.home-panel{padding:16px;border-radius:16px}.drop{padding:22px 14px}.project-grid{grid-template-columns:1fr}.choice{padding:10px 14px}}@media (max-width:820px){.studio.shell{height:100vh;overflow:hidden;padding-bottom:calc(58px + env(safe-area-inset-bottom, 0px));box-sizing:border-box}.shell-top{padding:8px 10px}.shell-title{width:120px;font-size:12px;padding:5px 8px}.export-top-btn span:not(:only-child),.play-btn .btn-label,.share-btn .btn-label,.shell-meta-compact{display:none}.credits-pill{padding:6px 10px;font-size:11px}.shell-body{flex:1 1;min-height:0;position:relative;overflow:hidden}.canvas-controls{top:8px;right:8px}.mobile-nav-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(58px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:rgba(15,19,26,.98);border-top:1px solid var(--line);z-index:45;align-items:center;justify-content:space-around;padding-left:8px;padding-right:8px}.mobile-nav-btn{flex:1 1;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;color:var(--muted);font-size:11px;font-weight:600;padding:6px 0;cursor:pointer}.mobile-nav-btn.active{color:var(--teal)}.mobile-nav-btn.active svg{stroke:var(--teal)}.shell-body.tab-stage .agent-panel{display:none!important}.shell-body.tab-stage .stage-canvas{display:flex!important;flex:1 1;width:100%;height:100%}.shell-body.tab-stage .inspector-drawer,.shell-body.tab-stage .tool-rail,.shell-body.tab-stage .tool-rail-slot{display:none!important}.shell-body.tab-director .agent-panel{display:flex!important;width:100%!important;flex:1 1!important;margin:0!important;border-radius:0!important;border:0!important;height:100%!important;max-height:none!important;box-shadow:none!important}.shell-body.tab-director .inspector-drawer,.shell-body.tab-director .stage-canvas,.shell-body.tab-director .tool-rail,.shell-body.tab-director .tool-rail-slot{display:none!important}.shell-body.tab-director .composer{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.shell-body.tab-inspector .agent-panel,.shell-body.tab-inspector .stage-canvas,.shell-body.tab-inspector .tool-rail,.shell-body.tab-inspector .tool-rail-slot{display:none!important}.shell-body.tab-inspector .inspector-drawer{display:flex!important;position:static!important;width:100%!important;height:100%!important;opacity:1!important;transform:none!important;border-radius:0!important;border:0!important;pointer-events:auto!important;box-shadow:none!important}.export-reopen-btn{bottom:calc(70px + env(safe-area-inset-bottom, 0px))}}.code-panel{position:fixed;inset:12px;z-index:40;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:#0f131a;box-shadow:0 24px 64px rgba(0,0,0,.55);overflow:auto}.code-panel-foot,.code-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.code-panel-head h3{margin:0 0 4px}.code-panel-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;min-height:0;flex:1 1}.code-panel-grid section{display:grid;grid-gap:8px;gap:8px;align-content:start;min-width:0}.field-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.code-target{display:inline-block;padding:6px 8px;border-radius:8px;background:#151a22;color:#9fe7f5;font-size:12px}.code-input,.code-textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#12161e;color:var(--text);padding:10px;resize:vertical}.code-page-preview,.code-textarea.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.code-live-preview{width:100%;height:min(320px,42vh);border:1px solid var(--line);border-radius:12px;background:#f6f7f9}.code-page-details{margin:0}.code-page-details summary{cursor:pointer;font-size:12px;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-page-preview{margin:0;max-height:280px;overflow:auto;padding:10px;border-radius:10px;border:1px solid var(--line);background:#12161e;white-space:pre-wrap;word-break:break-word}.code-page-preview--short{max-height:120px}.code-style-modes{display:flex;flex-wrap:wrap;gap:6px}.code-image-preview{display:flex;align-items:flex-start;gap:10px}.code-image-preview img{max-width:180px;max-height:120px;border-radius:8px;border:1px solid var(--line);object-fit:contain}@media (max-width:900px){.code-panel-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stage-paper.dotted.stage-paper--working:after,.stage-paper.dotted.stage-paper--working:before,.work-backdrop-glow{animation:none!important}.stage-paper.dotted.stage-paper--working:before{-webkit-mask-image:none;mask-image:none;opacity:.28}.stage-paper.dotted.stage-paper--working:after{opacity:0}}.lilo-wordmark{display:block;height:28px;width:auto}.shell-brand .lilo-wordmark{height:32px}.brand-hero-mark{display:flex;align-items:center;gap:12px;margin-bottom:8px}.brand-hero-mark .lilo-wordmark,.marketing .brand-hero-mark .lilo-wordmark{height:56px}.brand-family{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:18px 0 8px;list-style:none;padding:0}.brand-family-card{display:grid;grid-gap:6px;gap:6px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);text-decoration:none;color:inherit;min-width:0}.brand-family-card img{width:36px;height:36px;border-radius:9px}.brand-family-card strong{font-size:13px;letter-spacing:-.02em}.brand-family-card span{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-prompt{width:100%;min-height:88px;resize:vertical;border-radius:12px;border:1px solid var(--line);background:var(--control);color:var(--text);padding:12px 14px}html[data-theme=light] .card,html[data-theme=light] .home-panel{background:#ffffff;border:1px solid rgba(0,0,0,.12);border-radius:22px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 10px 28px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.05);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme=light] .home-panel .section-title{color:#6b7280}html[data-theme=light] .home-actions .btn:not(.primary),html[data-theme=light] .home-panel .choice:not(.on),html[data-theme=light] .home-panel .drop,html[data-theme=light] .home-panel input[type=text],html[data-theme=light] .home-panel textarea{background:#f3f4f6;border-color:#d5dae3;color:#121418}html[data-theme=light] .home-panel .drop.dragging,html[data-theme=light] .home-panel .drop:focus-within,html[data-theme=light] .home-panel .drop:hover{background:rgba(var(--signal-rgb),.08);border-color:rgba(var(--signal-rgb),.55)}html[data-theme=light] .home-panel .drop-icon{background:#ffffff;border-color:#d5dae3;box-shadow:0 1px 2px rgba(0,0,0,.04)}html[data-theme=light] .home-panel .choice.on{background:#121418;color:#ffffff;border-color:#121418;box-shadow:0 1px 2px rgba(0,0,0,.12)}html[data-theme=light] .home-panel .project-card{background:#f7f8fa;border-color:#e2e6ee;box-shadow:0 1px 1px rgba(0,0,0,.02)}html[data-theme=light] .home-panel .project-card:hover{background:#eef1f5;border-color:rgba(var(--signal-rgb),.4);box-shadow:0 2px 8px rgba(0,0,0,.04)}html[data-theme=light] .home-panel .project-card-thumb{background:#0b0e13;border-color:#d5dae3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}html[data-theme=light] .home-actions .btn.primary{box-shadow:0 1px 2px rgba(6,33,30,.12),0 8px 18px rgba(47,191,176,.22)}html[data-theme=light] .home-actions .btn:not(.primary):hover{background:#e8eaee;border-color:#b8c0cc}html[data-theme=light] .stitch-shell .stitch-theme-toggle,html[data-theme=light] .stitch-shell .theme-toggle{background:#ffffff;border-color:rgba(0,0,0,.12);color:#5c6670;box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 16px rgba(0,0,0,.04)}html[data-theme=light] .stitch-shell .stitch-theme-toggle:hover,html[data-theme=light] .stitch-shell .theme-toggle:hover{color:#121418;border-color:rgba(var(--signal-rgb),.45);background:#ffffff}html[data-theme=light] .stitch-shell-studio .brand-credit{background:rgba(47,191,176,.08);border-color:rgba(47,191,176,.35)}html[data-theme=light] .stitch-shell-studio .capture-guide{background:#f3f4f6;border-color:#d5dae3;color:#5c6670}html[data-theme=light] .stitch-shell-studio .capture-guide summary{color:#121418}.home-prompt:focus{outline:2px solid rgba(var(--signal-rgb),.55);border-color:var(--signal)}.home-footer{grid-column:1/-1;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:12px;color:var(--muted);letter-spacing:.01em}.home-footer a{color:var(--muted);text-decoration:none}.home-footer a:hover{color:var(--signal)}.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.theme-toggle:hover{color:var(--text);border-color:rgba(var(--signal-rgb),.45)}.home-top-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stitch-shell{position:relative;min-height:100vh;color:#f5f5f5;background:radial-gradient(circle,rgba(255,255,255,.09) .7px,transparent 1.1px) 0 0 /22px 22px,#050507;overflow-x:clip}html[data-theme=light] .stitch-shell{color:#121418;background-color:#ffffff;background-image:radial-gradient(circle,#a3abba .75px,transparent 1.15px);background-size:22px 22px;background-position:0 0}html[data-theme=light] body:has(.stitch-shell){background:#ffffff}.stitch-shell .lilo-wordmark{--brand-ink:#ffffff;--brand-cursor:#2fbfb0;height:30px}html[data-theme=light] .stitch-shell .lilo-wordmark{--brand-ink:#000000;--brand-cursor:#2fbfb0}.stitch-glow{pointer-events:none;position:absolute;inset:38% -10% auto -10%;height:42vh;background:radial-gradient(55% 80% at 18% 60%,rgba(47,191,176,.45),transparent 70%),radial-gradient(50% 90% at 82% 55%,rgba(120,90,255,.38),transparent 72%),radial-gradient(40% 70% at 50% 80%,rgba(226,161,90,.18),transparent 70%);filter:blur(28px);opacity:.95;z-index:0}html[data-theme=light] .stitch-shell .stitch-glow{inset:28% -12% auto -12%;height:52vh;background:radial-gradient(55% 80% at 16% 58%,rgba(47,191,176,.48),transparent 70%),radial-gradient(52% 90% at 84% 48%,rgba(120,90,255,.4),transparent 72%),radial-gradient(40% 70% at 50% 78%,rgba(226,161,90,.18),transparent 70%);opacity:.95;filter:blur(28px)}.stitch-landing.marketing{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:22px clamp(16px,3vw,32px) 64px}.stitch-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(48px,8vw,88px)}.stitch-brand,.stitch-top-actions{display:flex;align-items:center;gap:10px}.stitch-top-actions{flex-shrink:0}.stitch-theme-toggle{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:rgba(255,255,255,.78)}.stitch-theme-toggle:hover{color:#fff;border-color:rgba(var(--signal-rgb),.45);background:rgba(255,255,255,.1)}.stitch-beta{font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.72);background:rgba(255,255,255,.06)}.stitch-try{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:#fff;color:#0a0a0a;font-weight:700;font-size:14px;text-decoration:none}.stitch-try:hover{background:#f0f0f0;color:#0a0a0a}.stitch-hero{text-align:center;max-width:760px;margin:0 auto clamp(48px,8vw,72px)}.stitch-hero h1{font-family:var(--font-sans),system-ui,sans-serif;font-size:clamp(40px,7vw,64px);font-weight:650;line-height:1.05;letter-spacing:-.04em;margin:0 0 14px;color:#fff}.stitch-hero-lead{margin:0 auto 28px;max-width:40ch;color:rgba(255,255,255,.68);font-size:clamp(15px,1.5vw,18px);line-height:1.5}.stitch-prompt{text-align:left;margin:0 auto 16px;padding:16px 16px 12px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:rgba(20,22,28,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 24px 80px rgba(0,0,0,.45)}.stitch-prompt-field textarea{width:100%;min-height:84px;resize:none;border:0;background:transparent;color:#fff;padding:4px 6px;font-size:16px;line-height:1.45}.stitch-prompt-field textarea::placeholder{color:rgba(255,255,255,.38)}.stitch-prompt-field textarea:focus{outline:none}.stitch-prompt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.stitch-prompt-left{display:flex;align-items:center;gap:8px;min-width:0}.stitch-icon-btn{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.8);font-size:20px;cursor:pointer}.stitch-format{display:inline-flex;padding:3px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}.stitch-format button{border:0;background:transparent;color:rgba(255,255,255,.55);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.stitch-format button.on{background:rgba(255,255,255,.12);color:#fff}.stitch-send{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#111;font-size:18px;font-weight:700;cursor:pointer}.stitch-send:disabled{opacity:.35;cursor:default}.stitch-error{margin:10px 6px 0}.stitch-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.stitch-suggestion{max-width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgba(255,255,255,.78);border-radius:999px;padding:9px 14px;font-size:13px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-align:left}.stitch-suggestion:hover:not(:disabled){background:rgba(255,255,255,.08);color:#fff}.stitch-suggestion span{color:#2fbfb0}.stitch-video{max-width:920px;margin:0 auto clamp(56px,9vw,88px)}.stitch-video-frame{border-radius:24px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:#0c0d11;aspect-ratio:16/9;box-shadow:0 30px 80px rgba(0,0,0,.4)}.stitch-video-placeholder{height:100%;min-height:240px;display:grid;place-content:center;grid-gap:8px;gap:8px;text-align:center;padding:32px 20px;color:rgba(255,255,255,.55);background:radial-gradient(500px 240px at 50% 30%,rgba(47,191,176,.16),transparent 65%),#0c0d11}.stitch-video-placeholder p{margin:0;color:#fff;font-weight:650;font-size:16px}.stitch-video-placeholder span{font-size:13px}.stitch-video-play{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 4px;background:#2fbfb0;color:#06211e;font-size:18px;padding-left:3px}.stitch-templates{margin-bottom:clamp(56px,9vw,88px)}.stitch-templates-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.stitch-templates-head h2{margin:0;font-size:clamp(28px,4vw,40px);font-weight:650;letter-spacing:-.03em;color:#fff}.stitch-carousel-nav{display:flex;gap:8px}.stitch-carousel-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font-size:22px;line-height:1;cursor:pointer}.stitch-carousel-nav button:hover{background:rgba(255,255,255,.1)}.stitch-template-carousel{list-style:none;margin:0;padding:8px 4px 16px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,280px);grid-gap:18px;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.stitch-template-carousel::-webkit-scrollbar{display:none}.stitch-template-card{position:relative;scroll-snap-align:start;width:100%;display:grid;grid-gap:8px;gap:8px;text-align:left;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.stitch-template-glow{position:absolute;inset:18% 8% auto;height:55%;border-radius:40%;filter:blur(28px);opacity:.55;z-index:0;background:rgba(47,191,176,.45)}.stitch-template-card.tone-b .stitch-template-glow{background:rgba(226,161,90,.4)}.stitch-template-card.tone-c .stitch-template-glow{background:rgba(120,90,255,.4)}.stitch-template-card.tone-d .stitch-template-glow{background:rgba(47,191,176,.28)}.stitch-template-preview{position:relative;z-index:1;display:block;aspect-ratio:4/3;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 40%),linear-gradient(145deg,#1a1d24,#0d0f14);box-shadow:0 18px 40px rgba(0,0,0,.35)}.stitch-template-meta{position:relative;z-index:1;font-size:12px;color:rgba(255,255,255,.45)}.stitch-template-card strong{position:relative;z-index:1;font-size:18px;font-weight:650;letter-spacing:-.02em}.stitch-feature-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:clamp(56px,9vw,88px);min-height:420px}.stitch-feature-slot{min-height:200px;min-width:0}.stitch-feature-ghost{min-height:200px;height:100%;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle,rgba(255,255,255,.07) .7px,transparent 1.1px) 0 0 /18px 18px,#101114;padding:22px;display:grid;justify-items:start;align-content:center;grid-gap:14px;gap:14px;opacity:0;transition:opacity .45s ease}.stitch-feature-grid.is-expanded:has(.is-closing) .stitch-feature-ghost{opacity:1}.stitch-feature-ghost h3{margin:0;font-size:clamp(22px,2.6vw,28px);letter-spacing:-.03em;color:#fff}.stitch-feature-card{position:relative;z-index:1;min-height:200px;height:100%;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle,rgba(255,255,255,.07) .7px,transparent 1.1px) 0 0 /18px 18px,#101114;padding:22px;display:grid;justify-items:start;align-content:center;grid-gap:14px;gap:14px;overflow:hidden;cursor:pointer;will-change:transform,opacity;transition:opacity .85s ease,border-color .7s ease,box-shadow .85s ease,background .85s ease}.stitch-feature-card.corner-tl{transform-origin:top left}.stitch-feature-card.corner-tr{transform-origin:top right}.stitch-feature-card.corner-bl{transform-origin:bottom left}.stitch-feature-card.corner-br{transform-origin:bottom right}.stitch-feature-card:focus-visible{outline:2px solid rgba(47,191,176,.7);outline-offset:2px}.stitch-feature-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:rgba(255,255,255,.9);background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 55%),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.18);transition:width .9s cubic-bezier(.22,1,.36,1),height .9s cubic-bezier(.22,1,.36,1),border-radius .9s ease,background .85s ease,border-color .85s ease,box-shadow .85s ease,color .85s ease}.stitch-feature-glyph{display:block;overflow:visible}.stitch-feature-glyph :is(path,rect,circle,line,polyline){stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none}.stitch-feature-glyph .stitch-feature-icon-accent{stroke:var(--signal)}.stitch-feature-glyph [data-fill="1"]{fill:currentColor}.stitch-feature-glyph .stitch-feature-icon-accent[data-fill="1"]{fill:var(--signal);stroke:none}.stitch-feature-glyph .stitch-feature-icon-accent[data-fill=soft]{fill:var(--signal);fill-opacity:.16}.stitch-feature-card.is-active .stitch-feature-icon{width:72px;height:72px;border-radius:20px;color:#fff;border-color:rgba(47,191,176,.4);background:linear-gradient(160deg,rgba(47,191,176,.18),transparent 60%),rgba(47,191,176,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 32px rgba(47,191,176,.12)}.stitch-feature-card.is-active .stitch-feature-glyph{width:34px;height:34px}.stitch-feature-card h3{margin:0;font-size:clamp(22px,2.6vw,28px);letter-spacing:-.03em;color:#fff;transition:font-size .9s cubic-bezier(.22,1,.36,1)}.stitch-feature-card p{margin:0;color:rgba(255,255,255,.62);font-size:16px;line-height:1.5;max-width:46ch;max-height:0;opacity:0;overflow:hidden;transform:translateY(12px);transition:max-height .95s ease,opacity .8s ease,transform .95s cubic-bezier(.22,1,.36,1)}.stitch-feature-grid.is-expanded .stitch-feature-card.is-dimmed{opacity:0;pointer-events:none;z-index:0;transition:opacity .55s ease}.stitch-feature-grid.is-expanded:has(.is-closing) .stitch-feature-card.is-dimmed,.stitch-feature-grid.is-expanded:has(.is-closing) .stitch-feature-card:not(.is-active){opacity:1;pointer-events:none;transition:opacity .45s ease}.stitch-feature-grid.is-expanded .stitch-feature-card.is-active{position:absolute;inset:0;z-index:3;width:auto;height:auto;min-height:100%;padding:clamp(28px,4vw,40px);align-content:center;gap:18px;border-color:rgba(47,191,176,.35);box-shadow:inset 0 0 0 1px rgba(47,191,176,.12),0 30px 80px rgba(0,0,0,.45);background:radial-gradient(700px 320px at 20% 0,rgba(47,191,176,.14),transparent 60%),radial-gradient(circle,rgba(255,255,255,.07) .7px,transparent 1.1px) 0 0 /18px 18px,#12151b;animation:stitch-feature-expand .95s cubic-bezier(.22,1,.36,1) both}.stitch-feature-grid.is-expanded .stitch-feature-card.is-active.is-closing{pointer-events:none;z-index:4;animation:stitch-feature-shrink 1.1s cubic-bezier(.4,0,.2,1) both}.stitch-feature-card.corner-tl.is-active{--feature-ox:0%;--feature-oy:0%}.stitch-feature-card.corner-tr.is-active{--feature-ox:100%;--feature-oy:0%}.stitch-feature-card.corner-bl.is-active{--feature-ox:0%;--feature-oy:100%}.stitch-feature-card.corner-br.is-active{--feature-ox:100%;--feature-oy:100%}@keyframes stitch-feature-expand{0%{transform:scale(.48);opacity:.92}to{transform:scale(1);opacity:1}}@keyframes stitch-feature-shrink{0%{transform:scale(1);opacity:1}to{transform:scale(.48);opacity:0}}.stitch-feature-card.is-active.is-closing .stitch-feature-icon{width:56px;height:56px;border-radius:16px}.stitch-feature-card.is-active.is-closing .stitch-feature-glyph{width:28px;height:28px}.stitch-feature-card.is-active h3{font-size:clamp(30px,4vw,42px)}.stitch-feature-card.is-active.is-closing h3{font-size:clamp(22px,2.6vw,28px)}.stitch-feature-card.is-active p{max-height:160px;opacity:1;transform:translateY(0)}.stitch-feature-card.is-active.is-closing p{max-height:0;opacity:0;transform:translateY(10px);transition:max-height .7s ease,opacity .55s ease,transform .7s ease}@media (prefers-reduced-motion:reduce){.stitch-feature-grid.is-expanded .stitch-feature-card.is-active,.stitch-feature-grid.is-expanded .stitch-feature-card.is-active.is-closing{animation:none}.stitch-feature-card,.stitch-feature-card h3,.stitch-feature-card p,.stitch-feature-icon{transition-duration:.01ms!important}}.stitch-capture{max-width:720px;margin:0 auto clamp(48px,8vw,72px)}.stitch-shell .capture-guide{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.6)}.stitch-shell .capture-guide summary{color:#fff}.stitch-faq{max-width:920px;margin:0 auto clamp(64px,10vw,96px)}.stitch-faq-list{display:grid;grid-gap:10px;gap:10px}.stitch-faq-item{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#141518;overflow:hidden}.stitch-faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-size:clamp(16px,2vw,20px);font-weight:600;color:#fff}.stitch-faq-item summary::-webkit-details-marker{display:none}.stitch-faq-plus{color:rgba(255,255,255,.7);font-size:22px;line-height:1}.stitch-faq-item[open] .stitch-faq-plus{transform:rotate(45deg);display:inline-block}.stitch-faq-item p{margin:0;padding:0 22px 20px;color:rgba(255,255,255,.58);font-size:15px;line-height:1.55;max-width:70ch}.stitch-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding-top:8px}.stitch-labs{display:inline-flex;align-items:center;gap:8px;font-weight:650;color:#fff;font-size:15px}.stitch-labs:before{content:"";width:18px;height:18px;border-radius:5px;background:linear-gradient(145deg,#2fbfb0,#1a8f84);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.stitch-footer-brand{display:grid;grid-gap:4px;gap:4px}.stitch-footer-note{font-size:12px;color:rgba(255,255,255,.4)}.stitch-footer-links{display:flex;flex-wrap:wrap;gap:16px 22px}.stitch-footer-links a{color:rgba(255,255,255,.78);text-decoration:none;font-size:14px}.stitch-footer-links a:hover{color:#2fbfb0}html[data-theme=light] .stitch-beta{border-color:rgba(0,0,0,.12);color:#5c6670;background:rgba(0,0,0,.04)}html[data-theme=light] .stitch-try{background:#121418;color:#ffffff}html[data-theme=light] .stitch-try:hover{background:#2a2f38;color:#ffffff}html[data-theme=light] .stitch-hero h1{color:#121418}html[data-theme=light] .stitch-hero-lead{color:#5c6670}html[data-theme=light] .stitch-prompt{border-color:rgba(0,0,0,.1);background:rgba(255,255,255,.88);box-shadow:0 1px 2px rgba(0,0,0,.04),0 16px 48px rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html[data-theme=light] .stitch-prompt-field textarea{color:#121418}html[data-theme=light] .stitch-prompt-field textarea::placeholder{color:#8b93a1}html[data-theme=light] .stitch-icon-btn{border-color:rgba(0,0,0,.1);background:#f3f4f6;color:#121418}html[data-theme=light] .stitch-format{background:#eef0f3;border-color:rgba(0,0,0,.08)}html[data-theme=light] .stitch-format button{color:#5c6670}html[data-theme=light] .stitch-format button.on,html[data-theme=light] .stitch-send{background:#121418;color:#ffffff}html[data-theme=light] .stitch-suggestion{border-color:rgba(0,0,0,.1);background:rgba(255,255,255,.72);color:#3a424d;box-shadow:0 1px 2px rgba(0,0,0,.04)}html[data-theme=light] .stitch-suggestion:hover:not(:disabled){background:#ffffff;color:#121418;border-color:rgba(var(--signal-rgb),.35)}html[data-theme=light] .stitch-video-frame{border-color:rgba(0,0,0,.1);background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 20px 48px rgba(0,0,0,.08)}html[data-theme=light] .stitch-video-placeholder{color:#5c6670;background:radial-gradient(500px 240px at 50% 30%,rgba(47,191,176,.14),transparent 65%),#f6f7f9}html[data-theme=light] .stitch-video-placeholder p{color:#121418}html[data-theme=light] .stitch-video-play{background:#121418;color:#ffffff}html[data-theme=light] .stitch-templates-head h2{color:#121418}html[data-theme=light] .stitch-carousel-nav button{border-color:rgba(0,0,0,.12);background:#ffffff;color:#121418;box-shadow:0 1px 2px rgba(0,0,0,.04)}html[data-theme=light] .stitch-carousel-nav button:hover{background:#f3f4f6;border-color:rgba(var(--signal-rgb),.4)}html[data-theme=light] .stitch-template-card{color:#121418}html[data-theme=light] .stitch-template-preview{border-color:rgba(0,0,0,.1);background:linear-gradient(160deg,rgba(255,255,255,.85),transparent 45%),linear-gradient(145deg,#f3f4f6,#e8eaee);box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 32px rgba(0,0,0,.08)}html[data-theme=light] .stitch-template-meta{color:#5c6670}html[data-theme=light] .stitch-feature-card,html[data-theme=light] .stitch-feature-ghost{border-color:rgba(0,0,0,.1);background:radial-gradient(circle,rgba(163,171,186,.35) .7px,transparent 1.1px) 0 0 /18px 18px,#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.06);color:#121418}html[data-theme=light] .stitch-feature-card h3,html[data-theme=light] .stitch-feature-ghost h3{color:#121418}html[data-theme=light] .stitch-feature-card p{color:#5c6670}html[data-theme=light] .stitch-feature-icon{border-color:rgba(0,0,0,.1);color:#121418;background:linear-gradient(160deg,rgba(255,255,255,.95),transparent 55%),#f3f4f6;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 18px rgba(0,0,0,.05)}html[data-theme=light] .stitch-feature-grid.is-expanded .stitch-feature-card.is-active{background:radial-gradient(700px 320px at 20% 0,rgba(47,191,176,.12),transparent 60%),radial-gradient(circle,rgba(163,171,186,.3) .7px,transparent 1.1px) 0 0 /18px 18px,#ffffff;border-color:rgba(0,0,0,.12);box-shadow:0 1px 2px rgba(0,0,0,.04),0 24px 56px rgba(0,0,0,.1)}html[data-theme=light] .stitch-feature-card.is-active .stitch-feature-icon{color:#121418;border-color:rgba(47,191,176,.4);background:linear-gradient(160deg,rgba(47,191,176,.16),transparent 60%),rgba(47,191,176,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 28px rgba(47,191,176,.12)}html[data-theme=light] .stitch-shell .capture-guide{background:#ffffff;border-color:rgba(0,0,0,.1);color:#5c6670;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 28px rgba(0,0,0,.05)}html[data-theme=light] .stitch-shell .capture-guide summary{color:#121418}html[data-theme=light] .stitch-faq-item{border-color:rgba(0,0,0,.1);background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.03)}html[data-theme=light] .stitch-faq-item summary{color:#121418}html[data-theme=light] .stitch-faq-item p,html[data-theme=light] .stitch-faq-plus{color:#5c6670}html[data-theme=light] .stitch-labs{color:#121418}html[data-theme=light] .stitch-footer-note{color:#8b93a1}html[data-theme=light] .stitch-footer-links a{color:#3a424d}html[data-theme=light] .stitch-footer-links a:hover{color:#2fbfb0}.legal-page{max-width:640px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(18px,4vw,28px) 72px}.legal-page h1{font-size:clamp(32px,5vw,44px);margin:0 0 12px;letter-spacing:-.03em}.legal-page p{color:var(--muted);line-height:1.6}.legal-back{margin:0 0 24px}.legal-back a{color:var(--muted);text-decoration:none;font-size:13px}.legal-back a:hover{color:var(--signal)}.legal-updated{font-size:13px;margin-bottom:20px!important}.signin-page .signin-form{display:grid;grid-gap:10px;gap:10px;margin:20px 0;max-width:360px}.signin-page .signin-form label{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--muted)}.signin-page .signin-form input{border:1px solid var(--line);background:var(--panel,#12161e);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit}.signin-page .btn.primary{justify-self:start}@media (max-width:800px){.stitch-feature-grid{grid-template-columns:1fr}.stitch-footer,.stitch-templates-head{align-items:flex-start;flex-direction:column}}.capture-guide{margin:8px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:0;color:var(--muted)}.capture-guide summary{cursor:pointer;list-style:none;padding:12px 14px;font-size:13px;font-weight:600;color:var(--text)}.capture-guide summary::-webkit-details-marker{display:none}.capture-guide summary:before{content:"+";display:inline-block;width:1.1em;color:var(--signal);font-weight:700}.capture-guide[open] summary:before{content:"–"}.capture-guide-body{padding:0 14px 14px;display:grid;grid-gap:10px;gap:10px;font-size:14px;line-height:1.55}.capture-guide-body ol,.capture-guide-body p{margin:0}.capture-guide-body ol{padding-left:1.2em;display:grid;grid-gap:6px;gap:6px}.capture-guide-body a{color:var(--signal)}.capture-guide-body code{font-size:.92em;padding:.1em .35em;border-radius:4px;background:var(--control);color:var(--text)}.capture-guide-note{font-size:13px;color:var(--muted)}.capture-guide.compact{margin-top:4px}.home-create .capture-guide{background:var(--control)}.duration-picker{display:inline-flex;gap:4px;align-items:center}.duration-picker .choice{padding:4px 8px;font-size:12px}.director-welcome{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);margin-bottom:10px}.director-welcome p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.45}.export-cost-inline{opacity:.85;font-weight:600}html[data-theme=light] .studio.shell{background:#f7f8fa;color:var(--text)}html[data-theme=light] .studio.shell .shell-top{background:rgba(255,255,255,.94);border-bottom-color:rgba(0,0,0,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme=light] .studio.shell .shell-meta-compact,html[data-theme=light] .studio.shell .shell-title{background:#ffffff;border-color:rgba(0,0,0,.1);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.03)}html[data-theme=light] .studio.shell .avatar-btn{background:#ffffff;border-color:rgba(0,0,0,.1);color:var(--text)}html[data-theme=light] .studio.shell .profile-menu{background:#ffffff;border-color:rgba(0,0,0,.1);box-shadow:0 12px 32px rgba(0,0,0,.1)}html[data-theme=light] .studio.shell .profile-menu button:hover:not(:disabled){background:#f3f4f6}html[data-theme=light] .studio.shell .btn:not(.primary){background:#ffffff;border-color:rgba(0,0,0,.1);color:var(--text)}html[data-theme=light] .studio.shell .btn:not(.primary):hover{background:#f3f4f6;border-color:rgba(0,0,0,.16)}html[data-theme=light] .studio.shell .theme-toggle{background:#ffffff;border-color:rgba(0,0,0,.12);color:#5c6670}html[data-theme=light] .studio.shell .stage,html[data-theme=light] .studio.shell .stage-view{background:#ffffff}html[data-theme=light] .studio.shell .stage-paper.dotted{background-image:radial-gradient(circle,var(--stage-dot) var(--stage-dot-size),transparent var(--stage-dot-fade));background-size:var(--stage-dot-gap) var(--stage-dot-gap)}html[data-theme=light] .studio.shell .stage-paper.dotted.stage-paper--working{background-image:radial-gradient(circle,var(--stage-dot-active) var(--stage-dot-size),transparent var(--stage-dot-fade))}html[data-theme=light] .studio.shell .agent-panel{background:rgba(255,255,255,.96);border-color:rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 36px rgba(0,0,0,.07)}html[data-theme=light] .studio.shell .bubble.user{background:#e8eef8;color:var(--text)}html[data-theme=light] .studio.shell .bubble.assistant{background:#f3f4f6;border-color:rgba(0,0,0,.08);color:var(--text)}html[data-theme=light] .studio.shell .chip-btn,html[data-theme=light] .studio.shell .chips button,html[data-theme=light] .studio.shell .director-welcome,html[data-theme=light] .studio.shell .guidance{background:#f3f4f6;border-color:rgba(0,0,0,.1);color:#5c6670}html[data-theme=light] .studio.shell .chip-btn:hover,html[data-theme=light] .studio.shell .chips button:hover:not(:disabled){background:#ffffff;border-color:rgba(var(--signal-rgb),.4);color:var(--text)}html[data-theme=light] .studio.shell .composer{border-top-color:rgba(0,0,0,.08);background:#ffffff}html[data-theme=light] .studio.shell .composer-box{background:#f3f4f6;border-color:rgba(0,0,0,.1);color:var(--text)}html[data-theme=light] .studio.shell .message-queue{background:#f7f8fa;border-color:rgba(0,0,0,.08)}html[data-theme=light] .studio.shell .scroll-bottom-btn{background:#ffffff;border-color:rgba(var(--signal-rgb),.45);box-shadow:0 4px 16px rgba(0,0,0,.1)}html[data-theme=light] .studio.shell .scroll-bottom-btn:hover{background:#f3f4f6}html[data-theme=light] .studio.shell .mention-dropdown{background:#ffffff;border-color:rgba(0,0,0,.1);box-shadow:0 16px 36px rgba(0,0,0,.12)}html[data-theme=light] .studio.shell .mention-dropdown-header{background:#f7f8fa;border-bottom-color:rgba(0,0,0,.08)}html[data-theme=light] .studio.shell .mention-dropdown-item:hover{background:#eef1f5}html[data-theme=light] .studio.shell .mention-dropdown-sel{color:#0b7a8a}html[data-theme=light] .studio.shell .tool-rail,html[data-theme=light] .studio.shell .tool-rail-slot .tool-rail{background:rgba(255,255,255,.94);border-left-color:rgba(0,0,0,.08)}html[data-theme=light] .studio.shell .tool-btn{background:#f3f4f6;border-color:rgba(0,0,0,.1);color:#5c6670}html[data-theme=light] .studio.shell .tool-btn:hover{background:#ffffff;border-color:rgba(var(--signal-rgb),.45);color:var(--text)}html[data-theme=light] .studio.shell .tool-btn.active{background:rgba(var(--signal-rgb),.14);border-color:rgba(var(--signal-rgb),.55);color:#0f766e;box-shadow:0 0 0 3px rgba(var(--signal-rgb),.18)}html[data-theme=light] .studio.shell .tool-btn.tool-btn--chat:hover{background:#e8f8fc;border-color:rgba(14,165,200,.45);color:#0e7490}html[data-theme=light] .studio.shell .tool-btn.tool-btn--chat.active{background:#22b8cf;border-color:#0891b2;color:#042f2e;box-shadow:0 0 0 3px rgba(34,184,207,.28)}html[data-theme=light] .studio.shell .tool-btn.tool-btn--chat.active:hover{background:#2fc4d9;border-color:#0e7490;color:#042f2e}html[data-theme=light] .studio.shell .tool-btn.tool-btn--hide:hover{background:#fff7ed;border-color:rgba(var(--amber-rgb),.5);color:#b45309}html[data-theme=light] .studio.shell .tool-btn.tool-btn--hide.active{background:#f59e0b;border-color:#d97706;color:#422006;box-shadow:0 0 0 3px rgba(245,158,11,.28)}html[data-theme=light] .studio.shell .tool-btn.tool-btn--hide.active:hover{background:#fbbf24;border-color:#b45309;color:#422006}html[data-theme=light] .studio.shell .tool-btn.tool-btn--record:hover{background:#fef2f2;border-color:rgba(var(--accent-record-rgb),.45);color:#b91c1c}html[data-theme=light] .studio.shell .tool-btn.tool-btn--record.active{background:#ef4444;border-color:#dc2626;color:#fff;box-shadow:0 0 0 3px rgba(239,68,68,.25)}html[data-theme=light] .studio.shell .tool-btn.tool-btn--record.active:hover{background:#f87171;border-color:#b91c1c;color:#fff}html[data-theme=light] .studio.shell .record-pill{background:rgba(255,255,255,.96);color:#7f1d1d;border-color:rgba(var(--accent-record-rgb),.4)}html[data-theme=light] .studio.shell .record-palette{background:rgba(255,255,255,.96)}html[data-theme=light] .studio.shell .record-palette-btn{background:#f8fafc;color:var(--muted)}html[data-theme=light] .studio.shell .tool-tooltip{background:#ffffff;border-color:rgba(0,0,0,.1);color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.1)}html[data-theme=light] .studio.shell .tool-tooltip kbd{background:#f3f4f6;border-color:rgba(0,0,0,.12);color:#5c6670}html[data-theme=light] .studio.shell .inspector-drawer{background:rgba(255,255,255,.98);border-color:rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px rgba(0,0,0,.1)}html[data-theme=light] .studio.shell .inspect-tab-btn:hover{background:rgba(0,0,0,.04)}html[data-theme=light] .studio.shell .close-btn:hover{background:rgba(0,0,0,.06)}html[data-theme=light] .studio.shell .transport{border-top-color:rgba(0,0,0,.08);background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(244,245,247,.96))}html[data-theme=light] .studio.shell .transport-time{color:#5c6670}html[data-theme=light] .studio.shell .yt-chapter{border-color:rgba(0,0,0,.1);background:rgba(255,255,255,.94);color:#121418;box-shadow:0 1px 2px rgba(0,0,0,.04)}html[data-theme=light] .studio.shell .yt-chapter.active,html[data-theme=light] .studio.shell .yt-chapter:hover{background:#ffffff;border-color:rgba(var(--signal-rgb),.4)}html[data-theme=light] .studio.shell .yt-chapter-text{color:#5c6670}html[data-theme=light] .studio.shell .pick-hint{background:rgba(255,255,255,.96);border-color:rgba(var(--accent-chat-rgb),.45);color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.08)}html[data-theme=light] .studio.shell .canvas-controls{background:rgba(255,255,255,.94);border-color:rgba(0,0,0,.1);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.04)}html[data-theme=light] .studio.shell .canvas-ctrl-btn:hover{background:rgba(0,0,0,.05)}html[data-theme=light] .studio.shell .frame-menu,html[data-theme=light] .studio.shell .frame-menu-card,html[data-theme=light] .studio.shell .frame-menu-phone{background:#ffffff;border-color:rgba(0,0,0,.1);color:var(--text)}html[data-theme=light] .studio.shell .frame-menu-card:hover,html[data-theme=light] .studio.shell .frame-menu-phone:hover{border-color:rgba(var(--signal-rgb),.4);background:#f7f8fa}html[data-theme=light] .studio.shell .frame-menu-card-preview,html[data-theme=light] .studio.shell .frame-menu-phone-glyph{background:#eef0f3;border-color:#d5dae3}html[data-theme=light] .studio.shell .frame-menu-preview-none{background:linear-gradient(145deg,#f3f4f6,#e8eaee)}html[data-theme=light] .studio.shell .frame-menu-preview-web{background:linear-gradient(#dfe3ea,#dfe3ea) top /100% 8px no-repeat,linear-gradient(145deg,#f3f4f6,#e8eaee)}html[data-theme=light] .studio.shell .context-depth-option.selected,html[data-theme=light] .studio.shell .context-depth-option:hover{background:#eef1f5}html[data-theme=light] .studio.shell .cursor-preview-tile{background:#eef0f3;border-color:rgba(0,0,0,.1)}html[data-theme=light] body:has(.studio.shell){background:#f7f8fa}@media (max-width:900px){.brand-family{grid-template-columns:1fr}}