*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #071017;--surface: #101a21;--surface2: #16222a;--surface-raised: #1d2831;--surface-hover: #24323c;--panel: #111c23;--border: #2a3943;--border-strong: #3b4e58;--text: #eff7fa;--text-primary: var(--text);--text-secondary: #b7c4cb;--text-muted: #81939d;--muted: var(--text-muted);--accent: #03c1e1;--accent-hover: #3ad7f0;--accent-active: #00a9c7;--accent-soft: rgba(3, 193, 225, .14);--accent-border: rgba(3, 193, 225, .34);--brand-ink: #1d2831;--brand-ink-deep: #16222a;--brand-glow: rgba(3, 193, 225, .28);--bg-panel: var(--panel);--bg-hover: var(--surface-hover);--bg-input: #0b151c;--menu-bg: #101a21;--menu-fg: var(--text);--menu-border: var(--border);--menu-hover: var(--surface-hover);--red: #f05a5a;--radius: 6px;--font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-family:var(--font-ui);font-size:13px;line-height:1.5;color:var(--text);background:var(--bg)}body{min-height:100vh;overflow:hidden;background:linear-gradient(180deg,rgba(3,193,225,.05),transparent 180px),var(--bg)}.legal-page{height:100vh;min-height:100vh;overflow-y:auto;overflow-x:hidden;padding:56px 20px 72px;background:linear-gradient(180deg,rgba(3,193,225,.1),transparent 260px),radial-gradient(circle at 82% 12%,rgba(82,207,165,.1),transparent 360px),var(--bg);-webkit-overflow-scrolling:touch}.oauth-consent-page{min-height:100vh;display:grid;place-items:center;box-sizing:border-box;padding:24px;background:radial-gradient(circle at 20% 0%,rgba(3,193,225,.16),transparent 42%),#081016;color:#e8f1f5}.oauth-consent-card{width:min(100%,520px);box-sizing:border-box;padding:28px;border:1px solid rgba(142,186,204,.22);border-radius:16px;background:#0e1a22f5;box-shadow:0 24px 80px #0000006b}.oauth-consent-brand{display:inline-flex;margin-bottom:28px;color:inherit;text-decoration:none}.oauth-consent-kicker{margin:0 0 6px;color:#03c1e1;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.oauth-consent-card h1{margin:0 0 12px;color:#fff;font-size:26px}.oauth-consent-card p,.oauth-consent-permissions{color:#b9c8cf;font-size:14px;line-height:1.55}.oauth-consent-form{display:grid;gap:10px;margin-top:22px}.oauth-consent-form label{color:#dce8ed;font-size:12px;font-weight:600}.oauth-consent-form input{box-sizing:border-box;width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid rgba(142,186,204,.3);border-radius:8px;outline:none;background:#071017;color:#fff;font:inherit}.oauth-consent-form input:focus{border-color:#03c1e1;box-shadow:0 0 0 3px #03c1e11f}.oauth-consent-card button{min-height:40px;padding:0 16px;border:1px solid #03c1e1;border-radius:8px;background:#03c1e1;color:#041014;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.oauth-consent-card button.secondary{border-color:#8ebacc4d;background:transparent;color:#dce8ed}.oauth-consent-card button:disabled{opacity:.55;cursor:wait}.oauth-consent-permissions{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none}.oauth-consent-permissions li{position:relative;padding-left:24px}.oauth-consent-permissions li:before{position:absolute;left:0;color:#03c1e1;content:"✓"}.oauth-consent-fineprint{padding:12px;border-radius:8px;background:#03c1e112;font-size:12px!important}.oauth-consent-notice,.oauth-consent-error{margin-top:18px;padding:12px;border-radius:8px;background:#03c1e117;color:#dce8ed;font-size:13px;line-height:1.45}.oauth-consent-error{background:#e85b5b1f;color:#ffb7b7}.oauth-consent-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.oauth-consent-card footer{display:flex;gap:14px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(142,186,204,.16)}.oauth-consent-card footer a{color:#8ebacc;font-size:11px;text-decoration:none}@media(max-width:560px){.oauth-consent-page{padding:12px}.oauth-consent-card{padding:22px}.oauth-consent-actions{flex-direction:column-reverse}.oauth-consent-actions button{width:100%}}@supports (height: 100dvh){.legal-page{height:100dvh;min-height:100dvh}}.legal-shell{width:min(840px,100%);margin:0 auto;padding:0 0 40px}.legal-header{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:28px;align-items:start;padding-bottom:28px;border-bottom:1px solid var(--border)}.legal-brand{display:inline-flex;width:max-content;color:inherit;text-decoration:none}.legal-brand .brand-logo-svg{width:154px}.legal-kicker,.legal-effective{margin:0;color:var(--accent-hover);font-size:12px;font-weight:750;letter-spacing:0;text-transform:uppercase}.legal-header h1{margin:7px 0 8px;color:var(--text);font-size:clamp(34px,7vw,56px);font-weight:860;line-height:.98;letter-spacing:0}.legal-effective{color:var(--text-muted);text-transform:none}.legal-section{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:28px;padding:30px 0;border-bottom:1px solid rgba(42,57,67,.74)}.legal-section h2{margin:0;color:var(--text);font-size:15px;font-weight:760;line-height:1.3;letter-spacing:0}.legal-copy{display:grid;gap:14px;color:var(--text-secondary);font-size:14px;line-height:1.7}.legal-copy p,.legal-copy ul{margin:0}.legal-copy ul{display:grid;gap:8px;padding-left:20px}.legal-copy li{padding-left:2px}.legal-copy a{color:var(--accent-hover);text-decoration:none}.legal-copy a:hover{text-decoration:underline}@media(max-width:720px){.legal-page{padding:32px 16px 56px}.legal-header,.legal-section{grid-template-columns:1fr;gap:14px}.legal-brand .brand-logo-svg{width:132px}.legal-section{padding:24px 0}}.beta-request-page{min-height:100vh;padding:56px 20px;overflow-x:hidden;background:linear-gradient(180deg,rgba(93,227,239,.09),transparent 280px),var(--bg);color:var(--text)}@supports (min-height: 100dvh){.beta-request-page{min-height:100dvh}}.beta-request-shell{display:grid;gap:22px;width:min(620px,100%);margin:0 auto}.beta-request-brand{display:grid;gap:6px}.beta-request-brand span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.beta-request-brand h1{margin:0;color:var(--text);font-size:34px;font-weight:760;line-height:1.08;letter-spacing:0}.beta-request-panel{display:grid;gap:16px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 18px 48px #0000003d}.beta-request-status{display:grid;gap:4px;padding:12px;border:1px solid rgba(3,193,225,.28);border-radius:var(--radius);background:#03c1e114}.beta-request-status span{color:var(--accent-hover);font-size:11px;font-weight:800;text-transform:uppercase}.beta-request-status strong{overflow-wrap:anywhere;color:var(--text);font-size:14px}.beta-request-stack,.beta-request-form{display:grid;gap:12px}.beta-request-stack p,.beta-request-muted{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.beta-request-form label{display:grid;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:700}.beta-request-form input,.beta-request-form textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);font:inherit;line-height:1.45}.beta-request-form input{min-height:38px;padding:0 10px}.beta-request-form textarea{min-height:116px;padding:10px;resize:vertical}.beta-request-form input:focus,.beta-request-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.beta-request-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:168px;min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;font:inherit;font-size:13px;font-weight:800;text-decoration:none}.beta-request-button--primary{background:var(--accent);color:#031217}.beta-request-button--secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text-secondary)}.beta-request-button:disabled{cursor:not-allowed;opacity:.52}.beta-request-error{padding:10px;color:#ffb1b1;border:1px solid rgba(240,90,90,.36);border-radius:var(--radius);background:#f05a5a1a;font-size:13px}@media(max-width:620px){.beta-request-page{padding:34px 14px}.beta-request-brand h1{font-size:28px}.beta-request-button{width:100%}}.admin-beta-page{height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:48px 20px;background:linear-gradient(180deg,rgba(3,193,225,.08),transparent 240px),var(--bg);-webkit-overflow-scrolling:touch}@supports (height: 100dvh){.admin-beta-page{height:100dvh;min-height:100dvh}}.admin-beta-shell{width:min(720px,100%);margin:0 auto}.admin-beta-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-beta-kicker{margin-bottom:4px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.admin-beta-page h1{margin:0;color:var(--text);font-size:28px;font-weight:760;line-height:1.15;letter-spacing:0}.admin-beta-operator{max-width:280px;padding:6px 10px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-beta-panel,.admin-beta-result{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 18px 48px #0000003d}.admin-beta-panel{display:grid;gap:14px;padding:18px}.admin-beta-panel+.admin-beta-panel{margin-top:14px}.admin-beta-panel-intro{display:grid;gap:4px;padding-bottom:2px}.admin-beta-panel-intro h2{margin:0;color:var(--text);font-size:16px;font-weight:760;line-height:1.25;letter-spacing:0}.admin-beta-panel-intro p{max-width:58ch;margin:0;color:var(--text-muted);font-size:12px;font-weight:520;line-height:1.5}.admin-beta-field{display:grid;gap:6px}.admin-beta-field span,.admin-beta-field em{color:var(--text-secondary);font-size:12px;font-weight:650}.admin-beta-field em{color:var(--text-muted);font-style:normal;font-weight:520}.admin-beta-field input,.admin-beta-field select,.admin-beta-field textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);font:inherit}.admin-beta-field input,.admin-beta-field select{height:36px;padding:0 10px}.admin-beta-field textarea{min-height:124px;resize:vertical;padding:10px;line-height:1.45}.admin-beta-field select{color-scheme:dark}.admin-beta-field input:focus,.admin-beta-field select:focus,.admin-beta-field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.admin-beta-list-meta{margin-top:-4px;color:var(--text-muted);font-size:12px}.admin-beta-check{display:flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:12px;font-weight:650}.admin-beta-check input{width:15px;height:15px;accent-color:var(--accent)}.admin-beta-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.admin-beta-button{min-width:128px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius);font-size:13px;font-weight:700}.admin-beta-button--primary{background:var(--accent);color:#031217}.admin-beta-button--danger{border-color:#f05a5a6b;background:#f05a5a24;color:#ffb1b1}.admin-beta-button--secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text-secondary)}.admin-beta-button:hover:not(:disabled){transform:translateY(-1px)}.admin-beta-button:disabled{cursor:not-allowed;opacity:.5}.admin-beta-result{margin-top:14px;padding:16px 18px}.admin-beta-muted{color:var(--text-muted);font-size:13px}.admin-beta-error{color:#ff9b9b;font-size:13px}.admin-beta-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-beta-result-stack{display:grid;gap:12px}.admin-beta-result-grid div{min-width:0;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.admin-beta-result-grid span{display:block;margin-bottom:3px;color:var(--text-muted);font-size:11px}.admin-beta-result-grid strong{display:block;overflow-wrap:anywhere;color:var(--text);font-size:13px;font-weight:700}.admin-beta-email-result{display:grid;gap:3px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.admin-beta-email-result strong{color:var(--text);font-size:13px}.admin-beta-email-result span{color:var(--text-muted);font-size:12px}.admin-beta-email-result--sent{border-color:var(--accent-border);background:#03c1e11a}.admin-beta-email-result--error{border-color:#f05a5a6b;background:#f05a5a1f}.admin-beta-email-result--error span{color:#ffb1b1}.admin-beta-email-result--compact{padding:8px;background:#ffffff08}.admin-beta-email-result--compact strong,.admin-beta-email-result--compact span{font-size:11px}.admin-beta-summary{display:grid;gap:4px;padding:12px;border:1px solid var(--accent-border);border-radius:var(--radius);background:#03c1e11a}.admin-beta-summary strong{color:var(--text);font-size:14px}.admin-beta-summary span{color:var(--text-secondary);font-size:12px}.admin-beta-status-banner{display:grid;gap:4px;padding:13px 14px;border:1px solid rgba(3,193,225,.32);border-radius:var(--radius);background:linear-gradient(135deg,#03c1e124,#07101747),var(--surface)}.admin-beta-status-banner strong{color:var(--text);font-size:14px;font-weight:760}.admin-beta-status-banner span{color:var(--text-muted);font-size:12px}.admin-beta-list-results{display:grid;gap:10px}.admin-beta-list-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);gap:10px;align-items:start;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.admin-beta-list-row>div:first-child{min-width:0}.admin-beta-list-row strong,.admin-beta-list-row span{display:block;overflow-wrap:anywhere}.admin-beta-list-row strong{color:var(--text);font-size:13px}.admin-beta-list-row span{margin-top:3px;color:var(--text-muted);font-size:12px}.admin-beta-list-row--error{border-color:#f05a5a6b;background:#f05a5a1a}.admin-beta-request-empty{padding:12px;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);font-size:13px}.admin-beta-request-list{display:grid;gap:10px}.admin-beta-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.admin-beta-request-row__body{display:grid;gap:8px;min-width:0}.admin-beta-request-row__body>div{display:grid;gap:3px}.admin-beta-request-row__body strong{overflow-wrap:anywhere;color:var(--text);font-size:13px}.admin-beta-request-row__body span,.admin-beta-request-row__body p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.45}.admin-beta-request-row__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.admin-beta-request-row__actions .admin-beta-button{min-width:auto}@media(max-width:620px){.admin-beta-page{padding:28px 14px}.admin-beta-header,.admin-beta-actions{display:grid}.admin-beta-operator{max-width:100%}.admin-beta-button{width:100%}.admin-beta-result-grid,.admin-beta-list-row,.admin-beta-request-row{grid-template-columns:1fr}.admin-beta-request-row__actions{display:grid;justify-content:stretch}}*{scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border:3px solid transparent;border-radius:999px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--border-strong);border:3px solid transparent;background-clip:padding-box}button,input,select,textarea{color-scheme:dark}.app-root{display:flex;flex-direction:column;height:100vh;min-height:0;background:var(--bg)}.app-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 16px 10px 14px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(3,193,225,.16),transparent 32%),linear-gradient(180deg,#13232c,#0d171f);box-shadow:0 1px #ffffff0a inset}.app-header:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent),rgba(3,193,225,.08) 46%,transparent);pointer-events:none}.top-menu-bar{display:flex;align-items:center;gap:2px;min-height:28px;padding:3px 10px;border-bottom:1px solid rgba(148,163,184,.16);background:#0a1118;color:var(--text-muted);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.48) transparent}.top-menu-bar::-webkit-scrollbar{height:4px}.top-menu-bar::-webkit-scrollbar-track{background:transparent}.top-menu-bar::-webkit-scrollbar-thumb{border-radius:999px;background:#94a3b86b}.top-menu-bar__button{min-height:22px;padding:3px 9px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.top-menu-bar__button:hover,.top-menu-bar__button--active{color:var(--text);background:#94a3b81f}.header-left{display:flex;align-items:center;gap:16px;min-width:0;flex:0 0 auto;overflow:visible}.brand-lockup{display:flex;align-items:center;gap:9px;min-width:max-content;flex:0 0 auto}.brand-logo{display:inline-flex;align-items:center;min-width:0;color:var(--text)}.brand-logo-svg{display:block;width:128px;flex:0 0 auto;filter:drop-shadow(0 8px 18px var(--brand-glow))}.brand-logo-svg svg{display:block;width:100%;height:auto}.brand-logo-svg svg .st1{fill:var(--accent)!important}.brand-logo-svg svg .st2,.brand-logo-svg svg .st3{fill:var(--text)!important}.app-header .version{color:var(--accent-hover);font-weight:650;font-size:10px;line-height:1;padding:3px 6px;border:1px solid var(--accent-border);border-radius:999px;background:#03c1e11a}.desktop-update-banner{position:fixed;top:48px;right:14px;z-index:1002;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:min(420px,calc(100vw - 28px));padding:10px 10px 10px 12px;color:var(--text);border:1px solid rgba(3,193,225,.32);border-radius:var(--radius);background:linear-gradient(135deg,#03c1e129,#08111bf0),#0a121bf5;box-shadow:0 18px 48px #00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.desktop-update-banner__copy{display:grid;gap:3px;min-width:0;font-size:11px;line-height:1.35;color:var(--text-muted)}.desktop-update-banner__copy strong{color:var(--text);font-size:12px;font-weight:700}.desktop-update-banner__error{color:var(--red)}.desktop-update-banner__actions{display:flex;align-items:center;gap:6px}.desktop-update-banner__primary,.desktop-update-banner__ghost{height:28px;border-radius:var(--radius);font-size:11px;font-weight:700;cursor:pointer}.desktop-update-banner__primary{padding:0 11px;color:#031018;border:1px solid var(--accent);background:var(--accent)}.desktop-update-banner__primary:disabled{cursor:default;opacity:.66}.desktop-update-banner__ghost{width:28px;color:var(--text-muted);border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.desktop-update-banner__ghost:hover{color:var(--text);border-color:#fff3}.account-download-card{display:grid;gap:14px;margin-top:16px;padding:14px;border:1px solid rgba(3,193,225,.26);border-radius:8px;background:linear-gradient(135deg,#03c1e11f,#1e2b44b3 46%,#0c1218f5),#101923;box-shadow:inset 0 1px #ffffff0f}.account-download-header{display:grid;gap:5px}.account-download-header span{width:fit-content;padding:3px 7px;border-radius:999px;background:#03c1e124;color:#5de3ef;font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.account-download-header h3{margin:0;color:#f4fbff;font-size:15px;font-weight:760;line-height:1.25;letter-spacing:0}.account-download-header p,.account-download-hint{margin:0;color:#eff7faad;font-size:12px;line-height:1.5}.account-download-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px}.account-download-option{display:grid;gap:3px;min-height:58px;padding:11px 12px;color:#eff7fa;text-align:left;border:1px solid rgba(93,227,239,.34);border-radius:8px;background:linear-gradient(180deg,#ffffff0e,#ffffff04),#071017bd;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.account-download-option:hover:not(:disabled){border-color:#5de3efb8;box-shadow:0 10px 24px #03c1e11f;transform:translateY(-1px)}.account-download-option:disabled{cursor:wait;opacity:.68}.account-download-option strong{font-size:13px;font-weight:800;line-height:1.2}.account-download-option small{color:#eff7fa85;font-size:11px;line-height:1.35}.account-download-hint{color:#eff7fa7a;font-size:11px}.account-support-card{display:grid;gap:12px;margin-top:16px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),#0c1014eb}.account-support-card__header{display:grid;gap:4px}.account-support-card__header span,.account-support-list__header{color:#7dd8e6;font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.account-support-card__header h3{margin:0;color:#f4fbff;font-size:15px;font-weight:760;line-height:1.25;letter-spacing:0}.account-support-card__mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0003}.account-support-card__mode button,.account-support-form>button{min-height:32px;border-radius:6px;font-size:12px;font-weight:800}.account-support-card__mode button{color:#eff7faad;border:1px solid transparent;background:transparent}.account-support-card__mode button.is-active{color:#eff7fa;border-color:#5de3ef57;background:#5de3ef1f}.account-support-form{display:grid;gap:10px}.account-support-form__row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px}.account-support-form label{display:grid;gap:5px;min-width:0;color:#eff7faa8;font-size:11px;font-weight:760}.account-support-form input,.account-support-form select,.account-support-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#0000003d;color:#eff7fa;font:inherit;font-size:12px}.account-support-form input,.account-support-form select{height:34px;padding:0 9px}.account-support-form textarea{min-height:82px;resize:vertical;padding:9px;line-height:1.45}.account-support-form input:focus,.account-support-form select:focus,.account-support-form textarea:focus{border-color:#5de3ef9e;outline:none;box-shadow:0 0 0 2px #03c1e124}.account-support-screenshots{display:grid;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#00000029}.account-support-screenshots__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-support-screenshots__top span{color:#eff7faa8;font-size:11px;font-weight:760}.account-support-form .account-support-screenshot-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;overflow:hidden;color:#eff7fa;border:1px solid rgba(93,227,239,.34);border-radius:6px;background:#5de3ef1a;cursor:pointer;font-size:11px;font-weight:800}.account-support-form .account-support-screenshot-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.account-support-form .account-support-screenshot-picker:focus-within{border-color:#5de3ef9e;outline:none;box-shadow:0 0 0 2px #03c1e124}.account-support-screenshot-grid,.account-support-report__attachments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-support-screenshot{position:relative;min-width:0}.account-support-screenshot img,.account-support-report__attachments img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#0003}.account-support-screenshot button{position:absolute;top:4px;right:4px;width:22px;height:22px;min-height:0;padding:0;color:#eff7fa;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#000000b8;cursor:pointer}.account-support-screenshot span,.account-support-report__attachments span{display:block;margin-top:4px;overflow:hidden;color:#eff7fa80;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.account-support-screenshot-error{color:#ffb4b4;font-size:11px;line-height:1.35}.account-support-form>button{color:#041116;border:1px solid var(--accent);background:var(--accent);cursor:pointer}.account-support-form>button:disabled{cursor:not-allowed;opacity:.52}.account-support-status{padding:8px 9px;color:#9aff9a;border:1px solid rgba(154,255,154,.18);border-radius:6px;background:#9aff9a0f;font-size:12px;line-height:1.45}.account-support-status--error{color:#ffb4b4;border-color:#ff8a8a47;background:#ff8a8a14}.account-support-list{display:grid;gap:8px}.account-support-empty{color:#eff7fa6b;font-size:12px}.account-support-report{display:grid;gap:5px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff09}.account-support-report__meta{display:flex;flex-wrap:wrap;gap:6px;color:#eff7fa7a;font-size:10px;line-height:1.2;text-transform:uppercase}.account-support-report h4{margin:0;color:#eff7fa;font-size:12px;line-height:1.3;letter-spacing:0}.account-support-report p{display:-webkit-box;margin:0;overflow:hidden;color:#eff7faa3;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.account-support-report__attachments{margin-top:2px}.account-support-report__attachments a,.account-support-report__attachments>span{min-width:0;color:inherit;text-decoration:none}.brand-tagline{color:var(--text-muted);font-size:11px;font-weight:500;line-height:1;white-space:nowrap}@media(max-width:1600px){.brand-tagline{display:none}}.project-context{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;max-width:300px;flex:1 1 170px;padding:6px 10px;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);background:#0710176b}.project-context-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-name{font-size:13px;font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.app-main{display:grid;grid-template-columns:260px 1fr 320px;grid-template-rows:1fr 320px;flex:1;min-height:0;overflow:hidden;background:var(--bg)}.app-root--demo-ui-export .app-main{grid-template-columns:minmax(220px,260px) minmax(0,1fr) 0!important}.app-root--demo-ui-export .right-column{display:none!important}button{font-family:inherit;font-size:12px;font-weight:650;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff09,#fff0),var(--surface2);color:var(--text);padding:6px 14px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}button:hover{background:var(--surface-hover);border-color:var(--border-strong)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-border)}.play-btn{background:var(--accent);border-color:var(--accent);color:#041116;box-shadow:0 0 18px #03c1e133}.play-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.play-btn--active{box-shadow:0 0 0 1px #03c1e159,0 0 20px #03c1e147}.stop-btn{color:#fecaca;border-color:#f871716b;background:#7f1d1d38}.stop-btn:hover:not(:disabled){color:#fff1f2;border-color:#f87171b8;background:#991b1b59}.stop-btn:disabled{opacity:.38;cursor:default}.header-controls{display:flex;align-items:center;gap:12px;flex:1 1 auto;max-width:none;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.header-controls::-webkit-scrollbar{display:none}.account-menu{position:relative;z-index:5;display:flex;align-items:center;gap:6px;flex:0 0 auto;padding-left:6px;background:linear-gradient(90deg,rgba(7,16,23,0),var(--bg) 14px);white-space:nowrap}.account-menu__support{min-height:22px;padding:3px 7px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:800;line-height:1}.account-menu__support--bug{color:#eff7fabd;border:1px solid rgba(148,163,184,.28);background:#ffffff09}.account-menu__support--bug:hover{color:var(--text);border-color:#5de3ef61;background:#5de3ef1a}.account-menu__support--community{color:#dffbff;border:1px solid rgba(93,227,239,.32);background:#03c1e11f}.account-menu__support--community:hover{border-color:#5de3ef94;background:#03c1e133}.auth-modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;background:#02080cc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-modal-panel{width:min(380px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;padding:24px;border:1px solid var(--border-strong);border-radius:10px;background:linear-gradient(180deg,rgba(3,193,225,.08),transparent 120px),var(--surface);color:var(--text);box-shadow:0 24px 70px #0000008f}.auth-notice{position:fixed;top:46px;right:16px;z-index:2100;display:flex;align-items:flex-start;gap:12px;width:min(380px,calc(100vw - 32px));padding:12px 14px;color:#d7f9ff;background:#08161ef5;border:1px solid rgba(3,193,225,.42);border-radius:8px;box-shadow:0 14px 42px #00000052;font-size:12px;line-height:1.45}.auth-notice--error{color:#ffe7e7;background:#2a0f12f7;border-color:#ff647894}.auth-notice button{flex:0 0 auto;width:22px;height:22px;padding:0;color:inherit;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;cursor:pointer;line-height:1}.auth-modal-title{margin:0 0 8px;color:var(--text);font-size:20px;font-weight:760;line-height:1.2;letter-spacing:0}.auth-modal-copy,.auth-modal-muted{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.auth-modal-copy{margin-bottom:16px}.auth-modal-label{display:block;color:var(--text-secondary);font-size:12px;font-weight:700}.auth-modal-input{width:100%;height:40px;margin-top:6px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);font:inherit;font-size:14px}.auth-modal-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.auth-modal-success{margin:0;color:#9aff9a;font-size:14px;line-height:1.5}.auth-modal-muted{margin-top:8px;font-size:12px}.auth-modal-error,.auth-modal-rate-limit{margin-top:10px;font-size:12px;line-height:1.5}.auth-modal-error{color:#ff8a8a}.auth-modal-rate-limit{padding:9px 10px;border:1px solid rgba(248,113,113,.35);border-radius:var(--radius);background:#f871711a;color:#fca5a5}.auth-modal-rate-limit__hint{color:#fde68a}.auth-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.auth-modal-button{min-height:36px;padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:700}.auth-modal-button--primary{border-color:var(--accent);background:var(--accent);color:#041116}.auth-modal-button--secondary{border-color:var(--border);background:transparent;color:var(--text-secondary)}.auth-modal-button:disabled{cursor:not-allowed;opacity:.55}.project-actions{display:flex;align-items:stretch;gap:4px}.project-btn{font-size:11px;padding:5px 9px;color:var(--text-secondary);background:#ffffff09}.project-btn:hover{color:var(--text);border-color:var(--accent-border)}.project-btn--active{color:var(--accent-hover);background:var(--accent-soft);border-color:var(--accent-border)}.mcp-relay-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:26px;padding:5px 9px;border:1px solid rgba(148,163,184,.32);border-radius:999px;color:var(--text-secondary);background:#ffffff09;font-size:11px;font-variant-numeric:tabular-nums;line-height:1}.mcp-relay-chip:not(:disabled):hover{color:var(--text);border-color:var(--accent-border)}.mcp-relay-chip:disabled{cursor:default;opacity:.72}.mcp-relay-chip__dot{width:7px;height:7px;border-radius:999px;background:#64748b;box-shadow:0 0 0 3px #64748b2e}.mcp-relay-chip--paired .mcp-relay-chip__dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.mcp-relay-chip--error .mcp-relay-chip__dot{background:#f97316;box-shadow:0 0 0 3px #f9731633}.mcp-relay-chip__label{white-space:nowrap}.mcp-approval-backdrop{position:fixed;inset:0;z-index:1005;display:grid;place-items:center;padding:24px;background:#01080c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mcp-approval-dialog{width:min(420px,calc(100vw - 32px));border:1px solid rgba(148,163,184,.28);border-radius:8px;background:linear-gradient(180deg,#03c1e117,#03c1e100 110px),#081116;box-shadow:0 24px 80px #0000008c;color:var(--text);padding:18px}.mcp-approval-kicker{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.mcp-approval-dialog h2{margin:7px 0 8px;color:var(--text);font-size:18px;line-height:1.2}.mcp-approval-dialog p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.45}.mcp-approval-reason{margin-top:12px!important;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:6px;background:#ffffff0a;color:var(--text)!important}.mcp-approval-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.mcp-approval-button{min-width:86px;border:1px solid rgba(148,163,184,.3);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:800}.mcp-approval-button--secondary{color:var(--text-secondary);background:#ffffff08}.mcp-approval-button--secondary:hover{color:var(--text);border-color:#94a3b880}.mcp-approval-button--primary{color:#041015;border-color:#03c1e1b3;background:var(--accent)}.mcp-approval-button--primary:hover{background:var(--accent-hover)}.window-menu-wrap{position:relative;flex:0 0 auto}.import-menu-wrap{position:relative;flex:0 0 auto;display:flex;align-items:stretch}.import-menu{position:fixed;z-index:200;min-width:190px;padding:5px;border:1px solid var(--border-strong);border-radius:7px;background:#071218fa;box-shadow:0 18px 44px #0000006b;display:flex;flex-direction:column;gap:2px}.import-menu-item{display:block;width:100%;text-align:left;padding:7px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap}.import-menu-item:hover{background:#03c1e11a;border-color:var(--accent-border);color:var(--accent-hover)}.window-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:90;width:308px;padding:8px;border:1px solid var(--border-strong);border-radius:7px;background:linear-gradient(180deg,rgba(3,193,225,.06),transparent 92px),#071218fa;box-shadow:0 18px 44px #0000006b}.window-menu-section+.window-menu-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.window-menu-title{margin:0 0 6px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.window-menu-subtitle{margin:8px 0 5px;color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.window-menu-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.window-menu-preset,.window-menu-command,.window-menu-saved-apply,.window-menu-saved-delete,.window-menu-panel{width:100%;min-width:0;border:1px solid var(--border);border-radius:5px;background:#0d1f27b8;color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:800}.window-menu-preset,.window-menu-command,.window-menu-saved-apply,.window-menu-saved-delete{padding:7px 8px}.window-menu-actions{display:grid;gap:4px;margin-top:7px}.window-menu-command{margin-top:5px;text-align:left}.window-menu-actions .window-menu-command{margin-top:0}.window-menu-command:disabled{cursor:default;opacity:.45}.window-menu-preset--active{border-color:var(--accent-border);background:var(--accent);color:#041116}.window-menu-saved-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:4px;margin-top:4px}.window-menu-saved-apply{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.window-menu-saved-apply--active{border-color:var(--accent-border);background:#03c1e12e;color:var(--text)}.window-menu-saved-delete{color:var(--text-muted)}.window-menu-panel{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 8px;text-align:left}.window-menu-panel+.window-menu-panel{margin-top:4px}.window-menu-panel-check{color:var(--accent-hover);text-align:center}.window-menu-panel-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-menu-panel-status{color:var(--text-muted);font-size:10px;text-transform:uppercase}.window-menu-panel--hidden{color:var(--text-muted);background:#ffffff06}.window-menu-preset:hover,.window-menu-command:hover,.window-menu-saved-apply:hover,.window-menu-saved-delete:hover,.window-menu-panel:hover{border-color:var(--accent-border);background:var(--surface-hover);color:var(--text)}.window-menu-panel:disabled{cursor:default;opacity:.45}.window-menu-note{margin-top:7px;color:var(--text-muted);font-size:10px;line-height:1.35}.workspace-switcher{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--border);border-radius:7px;background:#020a0e61}.workspace-switcher__btn{min-width:62px;padding:4px 8px;border-color:transparent;border-radius:5px;background:transparent;color:var(--text-muted);font-size:11px}.workspace-switcher__btn:hover{color:var(--text);border-color:#ffffff14}.workspace-switcher__btn--active{color:#041116;background:var(--accent);border-color:var(--accent);box-shadow:0 0 16px #03c1e129}.delivery-switcher{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(3,193,225,.22);border-radius:7px;background:#03c1e10f}.delivery-switcher__label{padding:0 6px 0 5px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.delivery-switcher__btn{min-width:50px;padding:4px 8px;border-color:transparent;border-radius:5px;background:transparent;color:var(--text-muted);font-size:11px}.delivery-switcher__btn:hover{color:var(--text);border-color:#ffffff14}.delivery-switcher__btn--active{color:#041116;background:var(--accent);border-color:var(--accent);box-shadow:0 0 16px #03c1e129}.autosave-status{font-size:10px;color:var(--accent-hover);opacity:.88;white-space:nowrap}@media(max-width:1180px){.header-controls{gap:8px}}@media(max-width:1400px){.delivery-switcher__label{display:none}.delivery-switcher__btn{min-width:44px}}@media(max-width:1500px){.project-context{grid-template-columns:minmax(0,1fr) auto;max-width:180px;flex-basis:150px}.project-context-label{display:none}}@media(max-width:1360px){.app-header .version,.project-context{display:none}}@media(max-width:980px){.project-context-label,.project-name,.autosave-status,.project-context{display:none}}@media(max-width:2100px){.header-controls .hdr-collapse-1,.header-controls .hdr-collapse-2,.header-controls .recent-projects{display:none}}.recent-projects{position:relative;display:flex;align-items:stretch;flex:0 0 auto}.recent-projects>.project-btn{height:100%}.recent-projects-dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:220px;max-height:300px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 16px 42px #00000070;margin-top:4px;padding:4px 0}.recent-entry{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:12px;color:var(--text);transition:background .1s}.recent-entry:hover{background:var(--surface-hover)}.recent-entry--loading{opacity:.5;pointer-events:none}.recent-entry-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-entry-time{font-size:10px;color:var(--muted);flex-shrink:0}.recent-entry-remove{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:0 2px;line-height:1;opacity:0;transition:opacity .1s}.recent-entry:hover .recent-entry-remove{opacity:1}.recent-entry-remove:hover{color:var(--accent)}.recent-empty{padding:12px 10px;font-size:11px;color:var(--muted);text-align:center}.header-divider{width:1px;height:20px;background:#ffffff14;flex-shrink:0}.undo-redo{display:flex;gap:2px}.undo-btn,.redo-btn{font-size:14px;padding:4px 8px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary)}.undo-btn svg,.redo-btn svg{display:block}.undo-btn:disabled,.redo-btn:disabled{opacity:.3;cursor:default}.playback-controls{display:flex;align-items:center;gap:8px}.playback-divider{width:1px;height:20px;background:var(--border);flex-shrink:0}.reset-all-btn{color:var(--text-muted);font-size:11px}.reset-all-btn:hover{color:#ef4444;border-color:#ef4444}.loop-btn--active{background:var(--accent);border-color:var(--accent);color:#041116}.loop-btn--active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.left-column{display:flex;flex-direction:column;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 160px),var(--surface);position:relative}.project-dock-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#03c1e10e,#0c181ffa),var(--surface)}.project-dock-kicker{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.project-dock-title{min-width:0;color:var(--text);font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-workspace-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 7px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#03c1e10e,#0c181ffa),var(--surface)}.panel-workspace-tabs{display:flex;align-items:center;flex:1 1 auto;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.panel-workspace-tabs::-webkit-scrollbar{display:none}.panel-workspace-actions{display:flex;flex:0 0 auto;align-items:center;gap:4px}.panel-workspace-kicker{flex:0 0 auto;position:absolute;width:1px;height:1px;overflow:hidden;padding:0;clip:rect(0 0 0 0);color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.panel-workspace-title{color:var(--text);font-size:13px;font-weight:900}.panel-workspace-select{flex:0 0 auto;min-width:92px;max-width:128px;height:24px;border:1px solid var(--border);border-radius:5px;background:#06141be6;color:var(--text);cursor:pointer;font-size:10px;font-weight:800;outline:none;padding:0 24px 0 7px}.panel-workspace-saved-select{color:var(--text-secondary)}.panel-workspace-select:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px #03c1e129}.panel-workspace-reset,.panel-workspace-preset{flex:0 0 auto;border:1px solid var(--border);border-radius:5px;background:#0d1f27b8;color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}.panel-workspace-reset,.panel-workspace-preset{height:24px;padding:0 7px}.panel-workspace-more{position:relative;flex:0 0 auto}.panel-workspace-more-btn{display:inline-flex;align-items:center;gap:3px}.panel-workspace-more-menu{position:fixed;z-index:200;min-width:150px;padding:5px;border:1px solid var(--border-strong);border-radius:7px;background:#071218fa;box-shadow:0 18px 44px #0000006b;display:flex;flex-direction:column;gap:2px}.panel-workspace-more-item{display:block;width:100%;text-align:left;padding:7px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.panel-workspace-more-item:hover{background:#03c1e11a;border-color:var(--accent-border);color:var(--accent-hover)}.panel-workspace-more-item--active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-hover)}.panel-workspace-preset--active{border-color:var(--accent-border);background:var(--accent);color:#041116;box-shadow:0 0 12px #03c1e124}.panel-workspace-custom{flex:0 0 auto;height:24px;padding:0 7px;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:var(--text-muted);font-size:10px;font-weight:800;line-height:22px}.panel-workspace-reset:hover,.panel-workspace-preset:hover{border-color:var(--accent-border);background:var(--surface-hover);color:var(--text)}.panel-workspace-preset--active:hover{color:#041116;background:var(--accent-hover)}.context-menu{position:fixed;z-index:10000;width:224px;max-height:min(420px,calc(100vh - 16px));padding:5px;border:1px solid var(--border-strong, #314451);border-radius:6px;background:var(--menu-bg, #101a21);color:var(--menu-fg, #e8f2f6);box-shadow:0 16px 38px #0000007a;overflow-y:auto;font-size:11px}.context-menu__submenu{position:absolute;top:-5px;left:calc(100% - 2px);max-height:min(380px,calc(100vh - 16px))}.context-menu__item-wrap{position:relative}.context-menu__item{width:100%;min-height:25px;padding:5px 7px;display:grid;grid-template-columns:14px auto minmax(0,1fr) auto auto;align-items:center;gap:6px;border:0;border-radius:4px;background:transparent;color:var(--menu-fg, #e8f2f6);font:inherit;font-size:11px;font-weight:700;text-align:left;cursor:pointer}.context-menu__item:hover:not(:disabled),.context-menu__item:focus-visible:not(:disabled){background:var(--menu-hover, rgba(74, 158, 255, .14));outline:none}.context-menu__item:disabled{opacity:.42;cursor:default}.context-menu__item--danger:hover:not(:disabled),.context-menu__item--danger:focus-visible:not(:disabled){color:#fecaca;background:#ef444426}.context-menu__check{width:14px;color:var(--accent, #03c1e1);font-size:10px;text-align:center}.context-menu__swatch{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:var(--context-menu-swatch)}.context-menu__item-label{min-width:0;grid-column:span 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu__shortcut{color:var(--text-muted, #93a8b2);font-size:10px;font-weight:700;white-space:nowrap}.context-menu__submenu-arrow{color:var(--text-muted, #93a8b2);font-size:14px;line-height:1}.context-menu__separator{height:1px;margin:5px 4px;background:#94a3b82e}.context-menu__label{padding:5px 7px 4px;color:var(--text-muted, #93a8b2);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.shortcut-modal-backdrop{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:24px;background:#02080c9e}.shortcut-modal{width:min(760px,calc(100vw - 48px));max-height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;border:1px solid var(--border-strong, #314451);border-radius:8px;background:#101a21;box-shadow:0 24px 70px #0000008c;color:var(--text);overflow:hidden}.shortcut-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 14px;border-bottom:1px solid rgba(148,163,184,.16)}.shortcut-modal__kicker{margin-bottom:3px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.shortcut-modal__header h2{margin:0;font-size:18px;line-height:1.2}.shortcut-modal__close{width:28px;height:28px;border:1px solid rgba(148,163,184,.18);border-radius:6px;background:#0f172ab8;color:var(--text-muted);font:inherit;font-weight:900;cursor:pointer}.shortcut-modal__close:hover{color:var(--text);background:#94a3b824}.shortcut-modal__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px 20px;overflow:auto}.shortcut-modal__group{min-width:0}.shortcut-modal__group h3{margin:0 0 8px;color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.shortcut-modal__group dl{margin:0}.shortcut-modal__row{display:grid;grid-template-columns:minmax(112px,max-content) minmax(0,1fr);gap:10px;align-items:center;min-height:28px;padding:5px 0;border-top:1px solid rgba(148,163,184,.1)}.shortcut-modal__row dt{color:var(--text);font-size:11px;font-weight:900;white-space:nowrap}.shortcut-modal__row dd{margin:0;color:var(--text-muted);font-size:12px;line-height:1.35}@media(max-width:760px){.shortcut-modal__body{grid-template-columns:1fr}}.panel-resize-handle--right{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:20;background:transparent;transition:background .15s}.panel-resize-handle--right:hover,.panel-resize-handle--right:active{background:var(--accent, #4a9eff);opacity:.5}.panel-resize-handle--left{position:absolute;top:0;left:-3px;width:6px;height:100%;cursor:col-resize;z-index:20;background:transparent;transition:background .15s}.panel-resize-handle--left:hover,.panel-resize-handle--left:active{background:var(--accent, #4a9eff);opacity:.5}.panel-resize-handle--top{position:absolute;top:-3px;left:0;height:6px;width:100%;cursor:row-resize;z-index:20;background:transparent;transition:background .15s}.panel-resize-handle--top:hover,.panel-resize-handle--top:active{background:var(--accent, #4a9eff);opacity:.5}.right-column{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-left:1px solid var(--border);background:var(--surface)}.right-column .inspector-panel-stack-board{flex:1 1 auto;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin}.timeline-wrapper{grid-column:1 / -1;position:relative;overflow:hidden;background:var(--surface)}.collapsible-section{flex-shrink:0;border-bottom:1px solid var(--border);background:var(--surface)}.collapsible-section--grow{flex:1 0 240px;min-height:180px;display:flex;flex-direction:column}.collapsible-section--grow .collapsible-content{flex:1;min-height:0;overflow-y:auto}.collapsible-section--collapsed{flex:0!important}.collapsible-header{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;background:linear-gradient(180deg,#18242b,#131e25);border:none;border-radius:0;color:var(--text-secondary);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s;position:sticky;top:0;z-index:2}.collapsible-header:hover{background:var(--surface-hover);color:var(--text)}.collapsible-chevron{font-size:9px;color:var(--text-muted);width:10px}.collapsible-label{flex:1;text-align:left}.collapsible-resize-handle{height:5px;cursor:ns-resize;background:transparent;position:relative;flex-shrink:0}.collapsible-resize-handle:after{content:"";display:block;position:absolute;left:50%;top:2px;transform:translate(-50%);width:32px;height:2px;border-radius:1px;background:var(--border-strong);transition:background .15s}.collapsible-resize-handle:hover:after,.collapsible-resize-handle:active:after{background:var(--accent)}.inspector-panel-stack-board{display:flex;flex-direction:column;gap:5px;min-height:0;padding:6px 7px 10px;background:var(--surface)}.inspector-panel-stack{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:4px;background:#040f146b;overflow:hidden}.inspector-panel-stack--resized{flex:0 0 auto;min-height:96px}.inspector-panel-stack-tabs{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden;min-height:24px;padding:2px 3px 0;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#081a20c7;scrollbar-width:none}.inspector-panel-stack-tabs::-webkit-scrollbar{display:none}.inspector-panel-tab,.inspector-panel-tab-close,.inspector-panel-add-select,.inspector-panel-stack-action,.inspector-panel-new-stack{border:1px solid var(--border);border-radius:4px 4px 0 0;background:#0c1c23b3;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:800;line-height:1;white-space:nowrap}.inspector-panel-tab-wrap{display:flex;flex:0 0 auto;min-width:0;max-width:118px;transform:translateY(1px)}.inspector-panel-tab{flex:0 0 auto;min-width:0;max-width:92px;overflow:hidden;padding:6px 7px 5px;text-overflow:ellipsis}.inspector-panel-tab-wrap:has(.inspector-panel-tab-close) .inspector-panel-tab{border-right:0;border-radius:4px 0 0}.inspector-panel-tab-close{flex:0 0 auto;width:17px;padding:0;border-radius:0 4px 0 0;color:#95b1bcb8}.inspector-panel-add-select{flex:0 0 auto;max-width:72px;height:21px;margin-left:3px;padding:0 16px 0 6px;border-radius:4px;color:var(--accent-hover);background:linear-gradient(180deg,#03c1e11f,#03c1e109),#081a20f2;outline:none}.inspector-panel-stack-action{flex:0 0 auto;border-radius:4px;padding:4px 5px;opacity:.5}.inspector-panel-stack-actions{display:flex;gap:3px;margin-left:auto}.inspector-panel-stack-actions+.inspector-panel-stack-action{margin-left:0}.inspector-panel-stack:hover .inspector-panel-stack-action,.inspector-panel-stack:focus-within .inspector-panel-stack-action{opacity:1}.inspector-panel-stack-action:disabled{cursor:default;opacity:.35}.inspector-panel-tab:hover,.inspector-panel-tab-close:hover,.inspector-panel-add-select:hover,.inspector-panel-stack-action:hover,.inspector-panel-new-stack:hover{border-color:var(--accent-border);color:var(--text);background:var(--surface-hover)}.inspector-panel-tab--active{border-color:var(--accent-border);border-bottom-color:#06161cfa;background:#07181efa;color:var(--accent-hover)}.inspector-panel-tab-wrap--active .inspector-panel-tab-close{border-color:var(--accent-border);border-bottom-color:#06161cfa;background:#07181efa}.inspector-panel-tab-close:disabled{cursor:default;opacity:.35}.inspector-panel-stack-body{min-height:0;overflow:visible}.inspector-panel-stack--properties .inspector-panel-stack-body{max-height:none;overflow:visible}.inspector-panel-stack--curves .inspector-panel-stack-body{height:270px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin}.inspector-panel-stack--responsive .inspector-panel-stack-body,.inspector-panel-stack--physics .inspector-panel-stack-body,.inspector-panel-stack--pattern .inspector-panel-stack-body,.inspector-panel-stack--anchor .inspector-panel-stack-body,.inspector-panel-stack--squash .inspector-panel-stack-body,.inspector-panel-stack--expressions .inspector-panel-stack-body,.inspector-panel-stack--project .inspector-panel-stack-body,.inspector-panel-stack--motionMap .inspector-panel-stack-body,.inspector-panel-stack--textAnimators .inspector-panel-stack-body,.inspector-panel-stack--captions .inspector-panel-stack-body{max-height:none;overflow:visible}.inspector-panel-stack--resized .inspector-panel-stack-body{flex:1 1 auto;height:auto;max-height:none;overflow:visible}.inspector-panel-stack--resized.inspector-panel-stack--curves .inspector-panel-stack-body{overflow-x:hidden;overflow-y:auto}.inspector-panel-stack-body>.editor-panel{flex:0 0 auto;overflow:visible}.inspector-panel-stack-resize-handle{position:relative;flex:0 0 8px;cursor:ns-resize;background:#03c1e104}.inspector-panel-stack-resize-handle:after{content:"";position:absolute;left:50%;top:3px;width:44px;height:2px;transform:translate(-50%);border-radius:999px;background:#95b1bc66;transition:width .12s ease,background .12s ease,box-shadow .12s ease}.inspector-panel-stack-resize-handle:hover:after,.inspector-panel-stack-resize-handle:focus-visible:after,.inspector-panel-stack--resizing .inspector-panel-stack-resize-handle:after{width:68px;background:var(--accent);box-shadow:0 0 10px #03c1e147}body.inspector-panel-stack-resizing,body.inspector-panel-stack-resizing *{cursor:ns-resize!important;-webkit-user-select:none;user-select:none}.inspector-panel-new-stack{max-height:0;padding:0 8px;text-align:center;color:var(--text-muted);border-style:dashed;background:#03c1e10a;opacity:0;overflow:hidden;transition:max-height .12s ease,opacity .12s ease,padding .12s ease}.inspector-panel-stack-board--dragging .inspector-panel-new-stack{max-height:32px;padding:8px;opacity:1}.graph-section{display:flex;flex-direction:column;height:100%;min-height:0}.graph-mode-bar{display:flex;gap:2px;padding:4px 8px;background:#0d171f;border-bottom:1px solid var(--border)}.graph-mode-btn{font-size:10px;font-weight:500;padding:3px 10px;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s}.graph-mode-btn:hover{background:var(--surface2);color:var(--text)}.graph-mode-btn--active{background:var(--accent);color:#041116;border-color:var(--accent)}.graph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;min-height:60px;padding:12px;background:var(--bg-input)}.graph-empty-text{font-size:11px;color:var(--text-secondary);text-align:center;max-width:260px;line-height:1.5;font-weight:600}.graph-empty-hint{font-size:10px;color:var(--text-muted);text-align:center;max-width:260px;line-height:1.5}.graph-section-body{display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.inspector-panel-stack--curves .graph-section-body{flex:0 0 164px;min-height:164px}.graph-section-graph{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0}.graph-section .value-graph,.graph-section .speed-graph{flex:1;min-height:160px}.graph-section--timeline{flex:1;min-height:0;background:var(--bg)}.graph-section--timeline .graph-mode-bar{padding:5px 8px;background:color-mix(in srgb,var(--surface) 82%,#000)}.graph-section--timeline .value-graph,.graph-section--timeline .speed-graph{flex:1 1 auto;min-height:0;border-top:0}.graph-section--timeline .graph-ease-pills{flex:0 0 auto}.graph-preset-hud{flex:0 0 clamp(260px,33%,380px);display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--border);background:linear-gradient(180deg,rgba(3,193,225,.08),transparent 120px),color-mix(in srgb,var(--surface) 94%,#000);position:relative;z-index:8}.graph-preset-hud .preset-library{flex:1 1 auto;min-height:0;border-top:0;overflow:hidden;padding:8px}.graph-preset-hud .preset-library-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-right:4px;scrollbar-width:thin}.graph-preset-hud .preset-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px}.graph-preset-hud .preset-tile{gap:3px;min-height:58px;padding:5px 4px;border-color:#94a3b81f;background:#0710178f}.graph-preset-hud .preset-tile-name{font-size:9px}@media(max-width:920px){.graph-section--timeline .graph-section-body--with-preset-hud{flex-direction:column}.graph-section--timeline .graph-preset-hud{flex:0 0 min(158px,42%);border-top:1px solid var(--border);border-left:0}.graph-section--timeline .graph-preset-hud .preset-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}}.layers-panel{flex-shrink:0;max-height:220px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.layers-header{display:flex;align-items:center;gap:6px;padding:8px 12px 6px}.layers-header h2{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;flex-shrink:0}.layers-count{font-size:10px;color:var(--text-muted);background:var(--surface-raised);border-radius:8px;padding:1px 6px;flex-shrink:0}.layers-actions{display:flex;gap:3px;align-items:center;margin-left:auto;flex-shrink:0}.layers-add-btn,.layers-delete-btn{font-size:10px;padding:2px 6px;border:1px solid var(--border);border-radius:3px;background:var(--bg-panel, #1e1e1e);color:var(--text-muted);cursor:pointer;line-height:1.4;white-space:nowrap}.layers-add-btn:hover,.layers-delete-btn:hover:not(:disabled){background:var(--bg-hover, #2a2a2a);color:var(--text)}.layers-delete-btn{font-size:13px;padding:0 6px;line-height:1.2}.layers-delete-btn:disabled{opacity:.3;cursor:default}.layers-list{overflow-y:auto;flex:1}.layers-row{display:flex;align-items:center;gap:6px;padding:4px 12px;cursor:pointer;border-bottom:1px solid transparent;transition:background .1s}.layers-row:hover{background:var(--surface-hover)}.layers-row--selected{background:var(--accent-soft);border-bottom-color:var(--accent-border)}.layers-row--selected:hover{background:#03c1e138}.layers-row--hidden{opacity:.4}.layers-row--dragging{opacity:.35}.layers-row--drop-target{box-shadow:0 -2px 0 0 var(--accent)}.layers-drag-handle{font-size:10px;color:var(--text-muted);cursor:grab;flex-shrink:0;opacity:.4;-webkit-user-select:none;user-select:none;line-height:1}.layers-row:hover .layers-drag-handle{opacity:.8}.layers-drag-handle:active{cursor:grabbing}.layers-visibility{font-size:12px;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;border-radius:3px}.layers-visibility:hover{background:var(--surface2);color:var(--text)}.layers-visibility--off{color:var(--border)}.layers-row-name{font-size:12px;font-weight:500;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-row-type{font-size:10px;color:var(--text-muted);flex-shrink:0}.layers-row--matte-source{opacity:.55;border-left:2px solid #e8a838}.layers-row--matte-source .layers-row-name{font-style:italic}.layers-matte-wrap{position:relative;flex-shrink:0;margin-left:auto}.layers-matte-btn{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:color .15s,background .15s;line-height:1}.layers-matte-btn:hover{color:var(--text);background:#ffffff0f}.layers-matte-btn--active{color:var(--accent)}.layers-matte-btn--source{color:#e8a838;font-weight:600;font-size:10px}.layers-matte-dropdown{position:absolute;top:100%;right:0;z-index:200;background:var(--menu-bg);border:1px solid var(--border);border-radius:6px;padding:6px;min-width:160px;box-shadow:0 16px 36px #00000073}.layers-matte-dropdown-title{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:2px 4px 6px;border-bottom:1px solid var(--border);margin-bottom:4px}.layers-matte-source-group{padding:4px 0}.layers-matte-source-group+.layers-matte-source-group{border-top:1px solid var(--border)}.layers-matte-source-name{font-size:10px;color:var(--text-muted);padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layers-matte-type-row{display:flex;gap:4px;padding:2px 4px}.layers-matte-option{flex:1;background:#ffffff0a;border:1px solid transparent;color:var(--text-secondary);font-size:10px;font-family:inherit;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .1s,color .1s,border-color .1s;text-align:center}.layers-matte-option:hover{background:var(--surface-hover);color:var(--text)}.layers-matte-option--active{background:var(--accent);color:#041116;border-color:var(--accent)}.layers-matte-empty{font-size:10px;color:var(--text-muted);padding:4px;text-align:center}.editor-panel{padding:16px;overflow-y:auto;background:var(--surface);flex:1;min-height:0}.editor-panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px}.editor-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.editor-field span{font-size:11px;color:var(--text-muted)}.layer-transform-section{margin:10px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.layer-transform-section .editor-row--checkbox{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.layer-transform-section .editor-row--checkbox input{width:auto}.layer-transform-section .editor-label{font-size:11px;color:var(--text-muted)}.layer-transform-3d-grid .editor-field{margin-bottom:7px}.editor-panel input,.editor-panel select,.editor-panel textarea{font-family:inherit;font-size:12px;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);width:100%}.interactive-panel-button{width:100%;min-height:28px;border:1px solid rgba(57,201,230,.36);border-radius:6px;background:#39c9e61a;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.interactive-panel-button:hover{background:#39c9e62e}.interactive-panel-button--danger{border-color:#ef44445c;background:#ef444414;color:#fecaca}.interactive-panel-footer{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:8px}.interactive-force-card{border-color:#39c9e638}.pattern-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.pattern-source-option{min-width:0;min-height:48px;padding:6px 4px;display:grid;grid-template-rows:20px 1fr;gap:2px;align-items:center;justify-items:center;border:1px solid rgba(148,163,184,.22);border-radius:6px;background:#08171f94;color:var(--text-muted);font:inherit;font-size:10px;line-height:1.05;cursor:pointer}.pattern-source-option:hover{border-color:#03c1e16b;color:var(--text);background:#03c1e11a}.pattern-source-option--active{border-color:#03c1e1b3;color:var(--accent-hover);background:#03c1e129}.pattern-source-glyph{height:20px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;font-size:18px;line-height:1}.pattern-target-strip,.pattern-target-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pattern-target-list{margin-top:8px}.pattern-target-chip,.pattern-target-option{min-width:0;max-width:100%;padding:5px 8px;border:1px solid rgba(148,163,184,.24);border-radius:6px;background:#08171fad;color:var(--text-muted);font:inherit;font-size:11px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-target-chip:hover,.pattern-target-option:hover,.pattern-target-chip--active{border-color:#03c1e18a;color:var(--accent-hover);background:#03c1e11f}.captions-panel{display:flex;flex-direction:column;gap:12px}.caption-import-card{padding:10px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:6px;background:linear-gradient(135deg,#03c1e11a,#f18b4c0b),color-mix(in srgb,var(--surface) 88%,#031016)}.caption-import-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.caption-panel-kicker{margin-bottom:2px;font-size:9px;line-height:1;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.caption-panel-title{font-size:13px;line-height:1.2;font-weight:800;color:var(--text)}.caption-file-button{position:relative;flex:0 0 auto;min-height:26px;padding:5px 8px;border:1px solid rgba(57,201,230,.34);border-radius:5px;background:#39c9e61a;color:var(--text);font-size:11px;font-weight:700;cursor:pointer}.caption-file-button:hover{border-color:var(--accent);color:var(--accent-hover)}.caption-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.caption-file-name,.caption-template-name,.caption-status,.caption-panel-error{font-size:11px;line-height:1.35}.caption-file-name,.caption-template-name{color:var(--text-muted)}.caption-source-input{min-height:132px;margin-top:8px;white-space:pre}.caption-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.caption-summary-strip span{min-width:0;padding:5px 6px;border:1px solid var(--border);border-radius:4px;background:#ffffff09;color:var(--text-muted);font-size:10px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caption-panel-error{margin-top:8px;color:#fecaca}.caption-settings-section{padding-bottom:10px;border-bottom:1px solid var(--border)}.caption-grid{display:grid;gap:8px}.caption-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.caption-checkbox-row{display:flex;align-items:center;gap:8px;margin:4px 0;color:var(--text);font-size:11px;cursor:pointer}.editor-panel .caption-checkbox-row input[type=checkbox]{width:auto;margin:0;accent-color:var(--accent)}.caption-color-field input[type=color]{height:28px;padding:2px}.caption-create-button{width:100%;min-height:32px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:var(--bg);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.caption-create-button:disabled{cursor:not-allowed;opacity:.46}.caption-create-button:not(:disabled):hover{background:var(--accent-hover)}.caption-status{color:var(--text-muted);text-align:center}.editor-panel textarea{resize:vertical;line-height:1.5}.editor-panel input:focus,.editor-panel select:focus,.editor-panel textarea:focus{outline:none;border-color:var(--accent)}.editor-panel hr{border:none;border-top:1px solid var(--border);margin:14px 0}.rig-menu{margin:0 0 14px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:6px;background:linear-gradient(135deg,#03c1e121,#f18b4c0e),color-mix(in srgb,var(--surface) 84%,#031016);box-shadow:inset 0 1px #ffffff09}.rig-menu--stem{border-color:color-mix(in srgb,#f18b4c 42%,var(--border));background:linear-gradient(135deg,#f18b4c24,#03c1e10e),color-mix(in srgb,var(--surface) 84%,#031016)}.rig-menu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}.rig-menu-kicker{margin-bottom:2px;font-size:9px;line-height:1;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.rig-menu-title{font-size:13px;line-height:1.2;font-weight:800;color:var(--text)}.rig-menu-pill{max-width:92px;padding:3px 6px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);background:#0003;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rig-menu-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:9px}.rig-menu-tabs button{min-width:0;padding:5px 4px;border:1px solid var(--border);border-radius:4px;background:#ffffff09;color:var(--text-muted);font:inherit;font-size:10px;font-weight:700;cursor:pointer}.rig-menu-tabs button:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.rig-menu-tabs button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.rig-menu-tabs button:disabled{opacity:.38;cursor:not-allowed}.rig-menu-body{display:flex;flex-direction:column;gap:7px}.rig-menu-body .editor-row{margin-bottom:0}.rig-keyed-row{display:grid;grid-template-columns:minmax(58px,.82fr) minmax(0,1fr) 32px;align-items:center;gap:6px}.rig-keyed-row .editor-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.rig-key-btn{width:32px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:#ffffff09;color:var(--text-muted);font:inherit;font-size:9px;font-weight:800;cursor:pointer}.rig-key-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}.rig-key-btn.active{color:var(--bg);border-color:var(--accent);background:var(--accent)}.rig-menu-empty{padding:8px;border:1px dashed var(--border);border-radius:4px;color:var(--text-muted);font-size:11px;line-height:1.35}.rig-preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0}.rig-preset-row .editor-mini-btn{min-width:0;padding-inline:3px}.rig-taper-row{align-items:center}.rig-taper-control{display:grid;grid-template-columns:minmax(48px,1fr) 74px;align-items:center;gap:6px;min-width:0}.rig-taper-slider{width:100%;min-width:0;accent-color:var(--accent)}.rig-taper-hint{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:-2px;color:var(--text-muted);font-size:10px;line-height:1.2}.rig-taper-hint span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rig-color-grid input[type=color]{width:34px;height:24px;padding:0;border-radius:4px;cursor:pointer;background:transparent}.editor-import-btn{padding:6px 12px;font-size:12px;font-family:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);cursor:pointer;width:100%}.editor-import-btn:hover{border-color:var(--accent);color:var(--accent-hover)}.editor-import-option{display:flex;align-items:center;gap:7px;margin-top:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.editor-panel .editor-import-option input[type=checkbox]{width:auto;margin:0;accent-color:var(--accent)}.editor-import-option span{font-size:11px;color:var(--text-muted)}.editor-asset-info{display:flex;align-items:center;gap:10px}.editor-asset-thumb{width:40px;height:40px;object-fit:contain;border-radius:4px;background:var(--bg);border:1px solid var(--border)}.editor-asset-meta{display:flex;flex-direction:column;gap:2px}.editor-asset-name{font-size:12px;color:var(--text)}.editor-asset-dims{font-size:11px;color:var(--text-muted)}.editor-track{border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin-bottom:10px;background:#ffffff05}.editor-track legend{font-size:12px;font-weight:600;padding:0 6px;color:var(--accent-hover)}.editor-track label{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.editor-track label span{font-size:11px;color:var(--text-muted)}.editor-section-header{display:flex;align-items:center;justify-content:space-between;margin:10px 0 6px;padding-top:8px;border-top:1px solid var(--border)}.editor-section-header span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.alignment-section{padding:0 0 8px}.alignment-button-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.alignment-button,.paragraph-alignment-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;height:28px;padding:4px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-muted);cursor:pointer}.alignment-button:hover,.paragraph-alignment-button:hover,.paragraph-alignment-button--active{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--text)}.alignment-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.alignment-hint,.editor-field-hint{margin-top:6px;color:var(--text-muted);font-size:10px;line-height:1.35}.paragraph-alignment-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;flex:1}.paragraph-align-icon{display:flex;flex-direction:column;width:15px;gap:2px}.paragraph-align-icon i{display:block;height:1.5px;border-radius:1px;background:currentColor}.paragraph-align-icon--left i:nth-child(2n),.paragraph-align-icon--right i:nth-child(2n),.paragraph-align-icon--center i:nth-child(2n){width:10px}.paragraph-align-icon--left i:nth-child(2n){align-self:flex-start}.paragraph-align-icon--right i:nth-child(2n){align-self:flex-end}.paragraph-align-icon--center i:nth-child(2n){align-self:center}.responsive-layout-section{padding:8px 10px 10px;margin:8px 0 12px;border:1px solid rgba(3,193,225,.24);border-radius:var(--radius);background:#03c1e10e}.responsive-layout-panel{padding:8px 10px 10px}.responsive-workspace-summary{display:flex;flex-direction:column;gap:8px;padding:10px;margin:0 0 10px;border:1px solid rgba(3,193,225,.24);border-radius:var(--radius);background:linear-gradient(135deg,#03c1e11f,#f18b4c0e)}.responsive-workspace-summary>div:first-child{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:baseline}.responsive-workspace-summary__eyebrow{grid-column:1 / -1;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.responsive-workspace-summary strong{color:var(--text);font-size:13px}.responsive-workspace-summary em{font-style:normal;color:var(--text-muted);font-size:11px}.responsive-workspace-summary__pills{display:flex;flex-wrap:wrap;gap:5px}.responsive-workspace-summary__pills span{padding:3px 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:var(--text-secondary);font-size:10px;font-weight:700}.responsive-workspace-summary p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.4}.responsive-layout-panel .responsive-layout-section{margin:0}.responsive-layout-panel .responsive-layout-section+.responsive-layout-section{margin-top:10px}.responsive-layout-section--variant{background:#f18b4c0e;border-color:#f18b4c42}.responsive-variant-meta{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:baseline;margin-bottom:8px;font-size:11px;color:var(--text-muted)}.responsive-variant-meta strong{color:var(--text)}.responsive-variant-meta em{grid-column:1 / -1;font-style:normal;color:var(--text-secondary)}.responsive-variant-note{margin:0 0 10px;font-size:11px;line-height:1.35;color:var(--text-muted)}.responsive-variant-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.responsive-toggle-row{display:flex;align-items:center;gap:8px;margin:6px 0 10px;font-size:12px;color:var(--text-secondary)}.responsive-toggle-row input[type=checkbox]{width:auto;margin:0}.responsive-toggle-row--compact{margin:0}.responsive-fieldset{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.responsive-fieldset-label{font-size:11px;color:var(--text-muted)}.responsive-pin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.responsive-pin-grid label,.responsive-compact-grid label{display:flex;flex-direction:column;gap:3px;min-width:0}.responsive-pin-grid label span,.responsive-compact-grid label span{font-size:10px;color:var(--text-muted);text-transform:capitalize}.responsive-compact-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.editor-preset-select{font-size:11px;padding:2px 6px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);cursor:pointer}.editor-preset-select:hover{background:var(--accent-hover)}.editor-animator-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-bottom:6px}.editor-animator-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.editor-animator-header-main{min-width:0;display:flex;align-items:center;gap:4px}.editor-animator-collapse{width:14px;height:18px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;appearance:none;background:none;border:0;padding:0;color:var(--text-muted);cursor:pointer}.editor-animator-collapse:before{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor;content:"";transform-origin:45% 50%;transition:transform .12s ease,color .12s ease}.editor-animator-collapse[aria-expanded=true]:before{transform:rotate(90deg)}.editor-animator-collapse:hover,.editor-animator-collapse:focus-visible{color:var(--accent)}.editor-animator-toggle{min-width:0;display:flex;align-items:center;gap:6px;cursor:pointer}.editor-animator-toggle input[type=checkbox]{width:14px;height:14px;margin:0}.editor-animator-name{font-size:12px;font-weight:600;color:var(--text)}.editor-animator-header-actions{display:flex;align-items:center;gap:4px}.editor-animator-preset-select{display:inline-flex;align-items:center;gap:4px;min-height:18px;padding:1px 5px;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--text-muted);font-size:10px;font-weight:700;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.editor-animator-preset-select input[type=checkbox]{width:12px;height:12px;margin:0}.editor-animator-preset-select:has(input:checked){border-color:#03c1e173;color:var(--accent);background:#03c1e11a}.editor-animator-remove{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.editor-animator-remove:hover{color:#f44}.editor-animator-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.editor-animator-manage-btn{background:none;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);font-size:11px;cursor:pointer;padding:2px 5px;line-height:1}.editor-animator-manage-btn:hover{color:var(--text);border-color:var(--text-muted)}.editor-animator-save-selected-btn{background:var(--accent);border:1px solid transparent;border-radius:var(--radius);color:var(--bg);cursor:pointer;font-size:11px;font-weight:800;line-height:1;padding:4px 7px}.editor-animator-save-selected-btn:hover:not(:disabled){background:var(--accent-hover)}.editor-animator-save-selected-btn:disabled{cursor:not-allowed;opacity:.45}.editor-animator-save-form{display:flex;flex-direction:column;gap:6px;background:#03c1e10f;border:1px solid rgba(3,193,225,.24);border-radius:4px;padding:8px;margin-bottom:8px}.editor-animator-save-field{display:flex;flex-direction:column;gap:4px;color:var(--text-muted);font-size:11px;font-weight:700}.editor-animator-save-field input{width:100%;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;padding:5px 7px}.editor-animator-save-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #03c1e129}.editor-animator-save-form-actions{display:flex;align-items:center;gap:6px}.editor-animator-save-confirm-btn,.editor-animator-save-cancel-btn{border-radius:4px;cursor:pointer;font-size:11px;font-weight:800;line-height:1;padding:5px 8px}.editor-animator-save-confirm-btn{background:var(--accent);border:1px solid transparent;color:var(--bg)}.editor-animator-save-confirm-btn:hover:not(:disabled){background:var(--accent-hover)}.editor-animator-save-confirm-btn:disabled{cursor:not-allowed;opacity:.45}.editor-animator-save-cancel-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.editor-animator-save-cancel-btn:hover{border-color:var(--text-muted);color:var(--text)}.editor-animator-save-status{color:var(--accent);font-size:11px;font-weight:700;margin:-2px 0 8px}.editor-preset-manager{background:#ffffff08;border:1px solid var(--border);border-radius:4px;padding:6px;margin-bottom:8px}.preset-browser{background:#ffffff08;border:1px solid var(--border);border-radius:4px;padding:8px;margin-bottom:8px;max-height:340px;overflow-y:auto}.preset-browser-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:6px 0 4px}.preset-browser-section:first-child .preset-browser-section-title{margin-top:0}.preset-browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.preset-browser-card{display:flex;flex-direction:column;align-items:stretch;gap:2px;background:#ffffff0a;border:1px solid var(--border);border-radius:4px;padding:4px;cursor:pointer;color:inherit;font:inherit;text-align:center}.preset-browser-card:hover{border-color:var(--accent, #03c1e1);background:#ffffff12}.preset-browser-card-stage{display:flex;align-items:center;justify-content:center;height:34px;overflow:hidden;border-radius:3px;background:#00000040}.preset-preview-text{font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.preset-browser-card-name{font-size:9.5px;font-weight:600;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-animator-split-cta{background:#ffffff08;border:1px solid var(--border);border-radius:4px;padding:10px;font-size:11px;color:var(--text-muted)}.editor-animator-split-cta p{margin:0 0 8px}.editor-animator-split-cta-actions{display:flex;gap:6px;flex-wrap:wrap}.editor-animator-name-input{font-size:11px;font-weight:700;background:#ffffff0f;border:1px solid var(--border);border-radius:3px;color:inherit;padding:1px 4px;min-width:0;width:120px}.editor-expression-error{margin-top:4px;font-size:10px;color:#f87171;font-family:monospace;white-space:pre-wrap}.editor-seed-row{display:flex;align-items:center;gap:4px}.editor-preset-manager-toolbar{display:flex;justify-content:flex-end;gap:6px;padding:0 4px 4px;border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:4px}.editor-preset-manager-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 4px}.editor-preset-manager-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.04)}.editor-preset-manager-empty{color:var(--text-muted);font-size:11px;font-weight:700;padding:3px 4px}.editor-preset-manager-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text)}.editor-preset-manager-actions{display:inline-flex;align-items:center;flex:0 0 auto;gap:4px}.editor-preset-manager-apply{background:transparent;border:1px solid rgba(3,193,225,.36);border-radius:4px;color:var(--accent);cursor:pointer;font-size:10px;font-weight:800;line-height:1;padding:3px 6px}.editor-preset-manager-apply:hover{background:#03c1e11a;border-color:#03c1e18c}.editor-animator-body{margin-top:8px}.editor-animator-twirl{margin-top:7px;padding-top:5px;border-top:1px solid var(--border)}.editor-animator-twirl:first-child{margin-top:0}.editor-animator-twirl summary{min-height:20px;display:flex;align-items:center;gap:6px;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:700;list-style:none;-webkit-user-select:none;user-select:none}.editor-animator-twirl summary::-webkit-details-marker{display:none}.editor-animator-twirl summary:before{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--text-muted);content:"";transform-origin:45% 50%;transition:transform .12s ease,border-left-color .12s ease}.editor-animator-twirl[open]>summary:before{transform:rotate(90deg)}.editor-animator-twirl summary:hover{color:var(--text)}.editor-animator-twirl summary:hover:before{border-left-color:var(--accent)}.editor-animator-twirl-actions{display:inline-flex;align-items:center;margin-left:auto}.editor-animator-twirl-body{display:flex;flex-direction:column;gap:4px;padding:4px 0 2px 14px}.editor-animator-twirl--nested{margin:5px 0 0;padding:0;overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:5px;background:#0f172a2e}.editor-animator-twirl--nested summary{min-height:24px;padding:0 6px}.editor-animator-twirl--nested .editor-animator-twirl-body{padding:5px 6px 7px 18px}.editor-animator-props{display:flex;flex-direction:column;gap:4px}.editor-animator-prop-row{display:flex;align-items:center;gap:6px}.editor-animator-prop-toggle{display:flex;align-items:center;gap:4px;min-width:90px;cursor:pointer;font-size:11px;color:var(--text-muted)}.editor-animator-prop-toggle input[type=checkbox]{width:12px;height:12px;margin:0}.editor-animator-prop-row .scrub-input{flex:1}.editor-animator-selector{margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}.editor-animator-selector summary{font-size:11px;color:var(--text-muted);cursor:pointer;margin-bottom:6px}.editor-animator-selector .editor-field{margin-bottom:4px}.editor-animator-divider{border:none;border-top:1px solid var(--border);margin:8px 0}.editor-expression-section{margin-top:12px;border-top:1px solid var(--border);padding-top:8px}.editor-expression-section>summary{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:6px;-webkit-user-select:none;user-select:none}.expr-track{margin-bottom:8px;border:1px solid var(--border);border-radius:4px;background:#ffffff05;overflow:hidden}.expr-track-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;min-height:28px;background:#ffffff08}.expr-track-prop{font-size:11px;font-weight:500;color:var(--text-primary, #e4e4e7);display:flex;align-items:center;gap:4px}.expr-fx-badge{font-size:9px;font-weight:700;background:var(--accent, #4a9eff);color:#041116;border-radius:3px;padding:1px 4px;line-height:1}.expr-track-actions{display:flex;align-items:center;gap:2px}.expr-action-btn{background:none;border:1px solid transparent;border-radius:3px;color:var(--text-secondary, #a1a1aa);font-size:11px;font-family:SF Mono,monospace;padding:2px 5px;cursor:pointer;line-height:1}.expr-action-btn:hover{background:#ffffff14;color:var(--text-primary, #e4e4e7)}.expr-action-btn--remove:hover{color:#f87171}.expr-add-group{display:flex;gap:4px}.expr-add-btn{background:none;border:1px solid var(--border);border-radius:3px;color:var(--text-secondary, #a1a1aa);font-size:10px;padding:2px 8px;cursor:pointer}.expr-add-btn--custom{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:9px;letter-spacing:-.3px}.expr-add-btn:hover{background:#ffffff14;color:var(--text-primary, #e4e4e7);border-color:var(--accent, #4a9eff)}.expr-browser{border-top:1px solid var(--border);padding:6px}.expr-browser-cats{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}.expr-cat-btn{background:none;border:1px solid var(--border);border-radius:3px;color:var(--text-secondary, #a1a1aa);font-size:10px;padding:2px 6px;cursor:pointer}.expr-cat-btn:hover{background:#ffffff0f}.expr-cat-btn--active{background:var(--accent, #4a9eff);border-color:var(--accent, #4a9eff);color:#041116}.expr-browser-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.expr-preset-btn{display:flex;flex-direction:column;text-align:left;width:100%;padding:4px 6px;border:1px solid transparent;border-radius:3px;background:none;color:var(--text-primary, #e4e4e7);cursor:pointer}.expr-preset-btn:hover{background:#ffffff0f;border-color:var(--border)}.expr-preset-btn--active{background:var(--accent-soft);border-color:var(--accent, #4a9eff)}.expr-preset-name{font-size:11px;font-weight:500}.expr-preset-desc{font-size:10px;color:var(--text-secondary, #a1a1aa);margin-top:1px}.expr-params{padding:6px 8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.expr-params-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent, #4a9eff);margin-bottom:2px}.expr-param-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.expr-param-label{font-size:11px;color:var(--text-secondary, #a1a1aa);white-space:nowrap;min-width:60px}.expr-param-unit{font-size:9px;color:var(--text-muted, #71717a);margin-left:2px}.expr-param-row .scrubbable-input{max-width:80px}.expr-no-params{font-size:10px;color:var(--text-secondary, #a1a1aa);font-style:italic}.expr-toggle{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-secondary, #a1a1aa);cursor:pointer;margin-top:2px}.expr-custom{padding:6px 8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.expr-code-textarea{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-input, #1e1e1e);color:var(--text-primary, #e4e4e7);width:100%;box-sizing:border-box;resize:vertical;min-height:48px;max-height:240px;tab-size:2;white-space:pre;overflow-x:auto;overflow-y:auto}.expr-code-textarea:focus{outline:none;border-color:var(--accent, #4a9eff)}.expr-code-textarea::placeholder{color:var(--text-muted, #52525b);white-space:pre}.expr-source-badge{font-size:9px;padding:1px 6px;border-radius:3px;background:var(--accent-soft);color:var(--accent, #4a9eff);align-self:flex-start}.expr-source-badge:empty{display:none}.expr-desc{font-size:10px;color:var(--text-secondary, #a1a1aa);font-style:italic}.expr-code-peek{padding:4px 8px 6px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:3px}.expr-code-hint{font-size:9px;color:var(--text-muted, #71717a)}.tl-body{display:flex;align-items:flex-start;overflow-x:hidden;overflow-y:auto;flex:1;min-height:0;position:relative}.tl-graph-editor{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);position:relative}.tl-graph-editor--rail{flex-direction:row}.tl-graph-editor-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.tl-graph-rail{flex:0 0 130px;width:130px;min-height:0;overflow-y:auto;scrollbar-width:thin;border-right:1px solid var(--border);background:#0610168c;padding:4px;display:flex;flex-direction:column;gap:2px}.tl-graph-rail-item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-secondary);cursor:pointer;text-align:left;font-size:11px;line-height:1}.tl-graph-rail-item:hover{background:#03c1e112}.tl-graph-rail-item--active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text-primary)}.tl-graph-rail-swatch{flex:0 0 auto;width:8px;height:8px;border-radius:2px}.tl-graph-rail-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-graph-editor-ruler{display:grid;grid-template-columns:48px minmax(0,1fr);height:25px;flex:0 0 auto;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,#000)}.tl-graph-editor-ruler-gutter{border-right:1px solid var(--border);background:#0000001f}.tl-graph-editor-ruler-track{position:relative;min-width:0;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.tl-graph-editor-ruler-tick{position:absolute;top:0;bottom:0;width:1px;background:#94a3b829}.tl-graph-editor-ruler-tick--major{background:#94a3b857}.tl-graph-editor-ruler-label{position:absolute;top:5px;left:4px;color:var(--text-muted);font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}.tl-graph-editor-playhead-head{position:absolute;top:0;width:9px;height:25px;transform:translate(-4px);background:var(--accent);clip-path:polygon(0 0,100% 0,100% 12px,50% 18px,0 12px);filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));z-index:2}.tl-graph-editor-playhead-layer{position:absolute;inset:25px 8px 0 48px;z-index:6;pointer-events:none}.tl-graph-editor-playhead-line{position:absolute;top:0;bottom:0;width:1px;transform:translate(-.5px);background:color-mix(in srgb,var(--accent) 82%,#ffffff);box-shadow:0 0 0 1px #03c1e129;opacity:.9}.tl-labels-col{flex:0 0 160px;min-height:100%;border-right:1px solid var(--border)}.tl-tracks-col{flex:1;min-width:0;min-height:100%;position:relative;overflow-x:clip}.tl-ruler-label{height:28px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:8;background:var(--surface2)}.tl-ruler{height:28px;position:sticky;top:0;z-index:9;background:var(--surface2);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:visible;box-shadow:0 1px #ffffff08}.tl-ruler-tick{position:absolute;bottom:0;width:1px;height:10px;background:#fff3;transform:translate(-50%);pointer-events:none}.tl-ruler-tick--major{height:14px;background:#ffffff59}.tl-ruler-tick-label{position:absolute;top:2px;left:2px;font-size:10px;color:var(--text-muted);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.tl-playhead-head{position:absolute;top:0;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--accent);pointer-events:none;z-index:3;filter:drop-shadow(0 0 8px var(--brand-glow))}.tl-playhead-line{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);pointer-events:none;z-index:2;opacity:.7;box-shadow:0 0 10px #03c1e147}.tl-work-area-bracket{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:2;background:#ffc850d9;border-radius:2px;transition:background .1s}.tl-work-area-bracket:hover{background:#ffc850}.tl-work-area-bracket--in{transform:translate(-100%)}.tl-work-area-bracket--out{transform:translate(0)}.tl-lane-label{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 26px;border-bottom:1px solid var(--border)}.tl-lane-info{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.tl-lane-name{font-size:10px;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-lane-meta{font-size:9px;color:var(--text-subtle);white-space:nowrap}.tl-lane-label--path .tl-lane-name{color:var(--accent)}.tl-lane-info--path{gap:5px}.tl-path-breadcrumb{min-width:0;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-subtle);font-size:9px;font-weight:700;letter-spacing:.02em}.tl-lane-label--effect .tl-path-breadcrumb{max-width:112px}.tl-lane-label--shape-group{gap:5px;padding-left:18px;background:#03c1e10e}.tl-lane-label--shape-object{padding-left:30px;background:#03c1e10a}.tl-lane-label--shape-path,.tl-lane-label--shape-modifier{padding-left:48px}.tl-lane-label--shape-group .tl-lane-name{color:var(--text);font-weight:800}.tl-lane-label--shape-object .tl-lane-name{color:var(--text-secondary)}.tl-lane-label--shape-path .tl-lane-name,.tl-lane-label--shape-modifier .tl-lane-name{color:var(--text-muted)}.tl-lane-label--effect-group{gap:5px;padding-left:18px;background:#03c1e10d}.tl-lane-label--effect-instance{padding-left:30px;background:#03c1e109}.tl-lane-label--effect-param{padding-left:48px}.tl-lane-label--effect-group .tl-lane-name{color:var(--text);font-weight:800}.tl-lane-label--effect-instance .tl-lane-name{color:var(--text-secondary)}.tl-lane-label--effect-param .tl-lane-name{color:var(--text-muted)}.tl-group-disclosure{width:16px;height:16px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-muted);font-size:11px;line-height:1;flex:0 0 auto}.tl-group-disclosure:hover{color:var(--accent-hover)}.tl-lane-info--path .tl-lane-name{flex:0 0 auto}.tl-lane-label--text{background:#03c1e108}.tl-lane-label--text-section{padding-left:14px;background:#03c1e112}.tl-lane-label--text-animator{padding-left:22px}.tl-lane-label--text-selector,.tl-lane-label--text-property{padding-left:36px}.tl-lane-info--text{gap:5px}.tl-text-breadcrumb{min-width:0;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-subtle);font-size:9px;font-weight:700;letter-spacing:.02em}.tl-lane-label--text-section .tl-text-breadcrumb{display:none}.tl-lane-label--text-section .tl-lane-name{color:var(--accent);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.tl-lane-label--text-animator .tl-lane-name{color:var(--text);font-weight:800}.tl-lane-label--text-selector .tl-lane-name,.tl-lane-label--text-property .tl-lane-name{color:var(--text-muted)}.tl-track--text{background:#03c1e105}.tl-track--text-section,.tl-track--text-animator{cursor:default}.tl-track--text-section .tl-line,.tl-track--text-animator .tl-line{opacity:.35}.tl-track--shape-group{background:#03c1e107;cursor:default}.tl-track--shape-object{background:#03c1e105}.tl-track--shape-group .tl-line{opacity:.28}.tl-track--effect-group{background:#03c1e106}.tl-track--effect-instance{background:#03c1e105}.tl-track--effect-group .tl-line{opacity:.28}.tl-reset-btn{font-size:12px;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;line-height:1;margin-right:4px}.tl-reset-btn:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}.tl-pickwhip-btn{padding:0;width:20px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-subtle);cursor:grab;line-height:1;margin-left:auto;margin-right:4px}.tl-pickwhip-btn:hover{background:#03c1e124;border-color:#03c1e180;color:var(--accent)}.tl-pickwhip-btn:active{cursor:grabbing}.tl-pickwhip-icon{width:15px;height:15px;display:block}.tl-add-at-btn{font-size:13px;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;line-height:1}.tl-add-at-btn:hover{background:var(--accent);border-color:var(--accent);color:#041116}.tl-modifier-select{font-family:inherit;font-size:9px;padding:0 1px;width:28px;height:18px;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0}.tl-modifier-select.tl-modifier-active{background:var(--accent);border-color:var(--accent);color:#041116}.tl-layer-header{position:relative;display:flex;align-items:center;gap:4px;height:28px;padding:0 6px;background:var(--surface2, #1a1a1a);border-bottom:1px solid var(--border);cursor:default;font-weight:600;-webkit-user-select:none;user-select:none}.tl-layer-header:hover{background:var(--bg-hover, #2a2a2a)}.tl-layer-header--selected{background:color-mix(in srgb,var(--accent) 20%,var(--surface2));border-left:2px solid var(--accent);padding-left:4px}.tl-layer-header--selected:hover{background:color-mix(in srgb,var(--accent) 28%,var(--surface2))}.tl-layer-header--hidden{opacity:.45}.tl-layer-header--dragging{opacity:.4}.tl-layer-header--drop-target{border-bottom:2px solid var(--accent)}.tl-layer-header--collapsed .tl-layer-name{color:var(--text-muted)}.tl-layer-disclosure{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:9px;cursor:pointer;flex-shrink:0;border-radius:2px}.tl-layer-disclosure:hover{background:#ffffff14;color:var(--text)}.tl-layer-vis{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:11px;cursor:pointer;flex-shrink:0;border-radius:2px}.tl-layer-vis:hover{background:#ffffff14;color:var(--text)}.tl-layer-vis--off{color:var(--border)}.tl-layer-chevron{font-size:10px;color:var(--text-muted);width:12px;flex-shrink:0;transition:opacity .15s ease-out}.tl-layer-name{font-size:11px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.tl-layer-ease-btn{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:19px;height:19px;padding:0;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:5px;background:color-mix(in srgb,var(--surface) 92%,#000);color:var(--accent);box-shadow:0 1px 4px #00000052;cursor:pointer;opacity:.86;z-index:4}.tl-layer-ease-btn:hover,.tl-layer-ease-btn:focus-visible{opacity:1;color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface2));outline:none}.tl-layer-ease-btn--selected-scope{border-color:var(--accent);box-shadow:0 1px 4px #00000052,0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.tl-layer-ease-icon{width:14px;height:14px;display:block}.tl-layer-header--matte-source{opacity:.55;border-left:2px solid #e8a838}.tl-layer-header--matte-source .tl-layer-name{font-style:italic}.tl-matte-wrap{position:relative;flex-shrink:0;margin-left:auto}.tl-matte-btn{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:1px 3px;border-radius:3px;transition:color .15s,background .15s;line-height:1}.tl-matte-btn:hover{color:var(--text);background:#ffffff0f}.tl-matte-btn--active{color:var(--accent)}.tl-matte-btn--source{color:#e8a838;font-weight:600;font-size:10px}.tl-matte-dropdown{position:absolute;top:100%;right:0;z-index:200;background:var(--menu-bg);border:1px solid var(--border);border-radius:6px;padding:6px;min-width:160px;box-shadow:0 16px 36px #00000073}.tl-matte-dropdown-title{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:2px 4px 6px;border-bottom:1px solid var(--border);margin-bottom:4px}.tl-matte-source-group{padding:4px 0}.tl-matte-source-group+.tl-matte-source-group{border-top:1px solid var(--border)}.tl-matte-source-name{font-size:10px;color:var(--text-muted);padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-matte-type-row{display:flex;gap:4px;padding:2px 4px}.tl-matte-option{flex:1;background:#ffffff0a;border:1px solid transparent;color:var(--text-secondary);font-size:10px;font-family:inherit;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .1s,color .1s,border-color .1s;text-align:center}.tl-matte-option:hover{background:var(--surface-hover);color:var(--text)}.tl-matte-option--active{background:var(--accent);color:#041116;border-color:var(--accent)}.tl-matte-empty{font-size:10px;color:var(--text-muted);padding:4px;text-align:center}.tl-layer-color-swatch{width:10px;height:10px;border-radius:2px;border:none;padding:0;background:var(--swatch-color, #03c1e1);cursor:pointer;flex-shrink:0}.tl-layer-color-swatch:hover{box-shadow:0 0 0 1px #fff6}.tl-color-picker{position:absolute;top:26px;left:32px;z-index:20;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:5px;background:var(--surface2, #1a1a1a);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #00000080}.tl-color-picker-dot{width:14px;height:14px;border-radius:2px;border:1px solid transparent;padding:0;cursor:pointer}.tl-color-picker-dot:hover{border-color:#ffffff80;transform:scale(1.15)}.tl-color-picker-dot--active{border-color:#fff;box-shadow:0 0 0 1px #ffffff4d}.tl-layer-track-spacer{height:28px;background:var(--surface2, #1a1a1a);border-bottom:1px solid var(--border);pointer-events:none}.tl-layer-bar-container{position:relative;height:28px;background:var(--surface2, #1a1a1a);border-bottom:1px solid var(--border)}.tl-layer-bar{position:absolute;top:4px;height:20px;min-width:6px;background:color-mix(in srgb,var(--label-color, #03c1e1) 35%,var(--surface2));border:1px solid color-mix(in srgb,var(--label-color, #03c1e1) 40%,transparent);border-radius:3px;cursor:grab;z-index:1;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.tl-layer-snap-guide{position:absolute;top:0;bottom:0;z-index:3;width:0;border-left:1px solid var(--accent-warm, #f5a400);box-shadow:0 0 8px color-mix(in srgb,var(--accent-warm, #f5a400) 55%,transparent);pointer-events:none}.tl-layer-snap-guide:after{content:"";position:absolute;top:3px;left:-4px;width:7px;height:7px;border-radius:999px;background:var(--accent-warm, #f5a400);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-warm, #f5a400) 22%,transparent)}.tl-layer-bar:hover{background:color-mix(in srgb,var(--label-color, #03c1e1) 50%,var(--surface2))}.tl-layer-bar:active{cursor:grabbing;background:color-mix(in srgb,var(--label-color, #03c1e1) 55%,var(--surface2))}.tl-layer-bar--selected{background:color-mix(in srgb,var(--label-color, #03c1e1) 55%,var(--surface2));border-color:var(--label-color, #03c1e1);box-shadow:0 0 0 1px color-mix(in srgb,var(--label-color, #03c1e1) 25%,transparent)}.tl-layer-bar--selected:hover{background:color-mix(in srgb,var(--label-color, #03c1e1) 62%,var(--surface2))}.tl-layer-bar--hidden{opacity:.35}.tl-layer-kf-summary{position:absolute;inset:0;pointer-events:none;z-index:2}.tl-layer-kf-summary-line{position:absolute;left:5px;right:5px;top:50%;height:1px;transform:translateY(-50%);background:color-mix(in srgb,var(--label-color, #03c1e1) 45%,transparent);opacity:.7}.tl-layer-kf-summary-marker{position:absolute;top:50%;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);border-radius:1px;background:color-mix(in srgb,var(--label-color, #03c1e1) 82%,#ffffff 18%);border:1px solid color-mix(in srgb,var(--surface2, #1a1a1a) 72%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--label-color, #03c1e1) 24%,transparent)}.tl-layer-kf-summary-marker--stacked{width:7px;height:7px;background:var(--accent-warm, #f5a400);box-shadow:0 0 0 1px color-mix(in srgb,var(--surface2, #1a1a1a) 75%,transparent),0 0 0 3px color-mix(in srgb,var(--accent-warm, #f5a400) 18%,transparent)}.tl-layer-kf-summary-marker--interactive{pointer-events:auto;cursor:ew-resize;transition:width .1s,height .1s,box-shadow .1s,filter .1s}.tl-layer-kf-summary-marker--interactive:hover{width:9px;height:9px;filter:brightness(1.35);box-shadow:0 0 0 1px color-mix(in srgb,var(--surface2, #1a1a1a) 75%,transparent),0 0 0 4px color-mix(in srgb,var(--label-color, #03c1e1) 30%,transparent)}.tl-layer-kf-summary-marker--selected{width:9px;height:9px;background:var(--accent-warm, #f5a400);box-shadow:0 0 0 1px color-mix(in srgb,var(--surface2, #1a1a1a) 70%,transparent),0 0 0 3px color-mix(in srgb,var(--accent-warm, #f5a400) 32%,transparent)}.tl-layer-bar-trim{position:absolute;top:2px;bottom:2px;width:3px;border-radius:1px;background:color-mix(in srgb,var(--label-color, #03c1e1) 70%,transparent);opacity:0;transition:opacity .15s;pointer-events:none}.tl-layer-bar:hover .tl-layer-bar-trim,.tl-layer-bar:active .tl-layer-bar-trim{opacity:1}.tl-layer-bar-trim--in{left:1px}.tl-layer-bar-trim--out{right:1px}.tl-track{position:relative;height:30px;cursor:crosshair;background:var(--bg);border-bottom:1px solid var(--border)}.tl-line{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border);pointer-events:none}.tl-keyframe-segment{position:absolute;top:50%;height:1px;transform:translateY(-50%);background:color-mix(in srgb,var(--accent) 34%,var(--border));opacity:.34;pointer-events:none;z-index:1}.tl-track:hover .tl-keyframe-segment,.tl-track:focus-within .tl-keyframe-segment{opacity:.68}.tl-segment-ease-btn{position:absolute;left:50%;top:50%;width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border));border-radius:5px;background:color-mix(in srgb,var(--surface) 90%,#000);color:var(--accent);box-shadow:0 1px 3px #00000047;cursor:pointer;opacity:.62;pointer-events:auto;z-index:2}.tl-segment-ease-btn:hover,.tl-segment-ease-btn:focus-visible{opacity:1;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface));outline:none}.tl-segment-ease-icon{width:14px;height:14px;display:block}.tl-diamond{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;cursor:grab;z-index:1;--kf-color: var(--text-muted);transition:box-shadow .1s}.tl-diamond:hover{--kf-color: var(--text)}.tl-diamond:active{cursor:grabbing}.tl-diamond--selected{--kf-color: var(--accent);box-shadow:0 0 0 2px var(--accent-border);border-radius:50%}.tl-diamond--selected:hover{--kf-color: var(--accent-hover)}.tl-color-stop{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);border:1.5px solid var(--bg);box-shadow:0 0 0 1px var(--text-muted);cursor:grab;z-index:1;transition:box-shadow .1s}.tl-color-stop:hover{box-shadow:0 0 0 1px var(--text)}.tl-color-stop:active{cursor:grabbing}.tl-color-stop--selected{box-shadow:0 0 0 2px var(--accent),0 0 0 4px var(--accent-border)}.tl-marquee{position:absolute;border:1px solid var(--accent);background:#03c1e11f;pointer-events:none;z-index:5;border-radius:2px}.inspector-multi-summary{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-muted)}.inspector-multi-props{font-weight:600;color:var(--accent-hover)}.inspector-multi-hint{font-size:10px}.stage-column{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:0;overflow:hidden;background:var(--bg)}.stage-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;row-gap:3px;flex-shrink:0;align-self:stretch;width:auto;margin:6px 8px 0;max-width:none;min-width:0;padding:3px 4px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#081118d1;box-shadow:0 12px 30px #00000038;overflow:visible}.shape-toolbar{display:flex;gap:1px;flex:0 0 auto;min-width:max-content;padding:2px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);align-self:center;overflow:visible}.shape-toolbar-btn{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.shape-toolbar-btn:before,.shape-toolbar-btn:after{position:absolute;left:50%;z-index:80;pointer-events:none;opacity:0;transition:opacity .12s,transform .12s}.shape-toolbar-btn:before{content:"";top:calc(100% + 4px);width:8px;height:8px;background:#edf9fc;border-left:1px solid rgba(3,193,225,.18);border-top:1px solid rgba(3,193,225,.18);transform:translate(-50%,2px) rotate(45deg)}.shape-toolbar-btn:after{content:attr(data-tooltip);top:calc(100% + 8px);padding:5px 8px;border:1px solid rgba(3,193,225,.18);border-radius:5px;background:#edf9fc;color:#06161d;box-shadow:0 10px 24px #00000047;font-size:11px;font-weight:700;letter-spacing:0;line-height:1;white-space:nowrap;transform:translate(-50%,2px)}.shape-toolbar-btn:hover:before,.shape-toolbar-btn:hover:after,.shape-toolbar-btn:focus-visible:before,.shape-toolbar-btn:focus-visible:after{opacity:1;transform:translate(-50%) rotate(45deg)}.shape-toolbar-btn:hover:after,.shape-toolbar-btn:focus-visible:after{transform:translate(-50%)}.shape-toolbar-btn svg{width:14px;height:14px;overflow:visible}.shape-toolbar-btn[data-tool-kind=pan] svg,.shape-toolbar-btn[data-tool-kind=text] svg{width:15px;height:15px}.shape-toolbar-btn[data-tool-kind=pen] svg{width:16px;height:16px}.path-animation-ghosts,.path-morph-ghost-overlay-shell,.path-morph-ghost-overlay{pointer-events:none}.path-morph-ghost path,.path-morph-ghost circle,.path-morph-ghost text{filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.shape-toolbar-btn:hover{background:var(--surface-hover);color:var(--text)}.shape-toolbar-btn--active{background:var(--accent);color:#041116;border-color:var(--accent);box-shadow:0 0 14px #03c1e133}.shape-toolbar-btn--active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.shape-toolbar-btn--mask{color:var(--text-muted)}.shape-toolbar-btn--mask.shape-toolbar-btn--active{background:#ffcf5f;border-color:#ffcf5f;color:#1b1400}.shape-toolbar-btn--mask.shape-toolbar-btn--active:hover{background:#ffe080;border-color:#ffe080}.shape-toolbar-sep{width:1px;height:14px;background:var(--border);margin:3px 0;align-self:center;flex:0 0 auto}.responsive-variant-switcher{display:flex;align-items:center;gap:1px;flex:1 1 82px;min-width:52px;max-width:104px;padding:2px;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);background:#ffffff09;overflow-x:auto;scrollbar-width:none}.responsive-variant-switcher::-webkit-scrollbar{display:none}.responsive-variant-switcher-label{display:none;padding:0 3px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.responsive-variant-btn,.responsive-variant-add{flex:0 0 auto;min-height:20px;padding:2px 5px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:10px;font-weight:800;cursor:pointer}.responsive-variant-btn{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-variant-btn:hover,.responsive-variant-add:hover{background:var(--surface-hover);color:var(--text)}.responsive-variant-btn--active{background:var(--accent);border-color:var(--accent);color:#041116}.responsive-variant-add{width:20px;padding:0;border-color:#ffffff14}.mask-draw-preview{pointer-events:none;border:2px dashed var(--accent);background:#03c1e114;z-index:100}.mask-draw-preview--ellipse{border-radius:50%}.mask-outline{border:1.5px solid #f0c040;z-index:90;box-sizing:border-box}.mask-outline--ellipse{border-radius:50%}.mask-outline:hover{border-color:#ffda60}.mask-outline--dragging{border-color:#fff;border-style:solid}.mask-outline--selected{border-color:#ffe066;border-width:2px}.mask-outline-point{position:absolute;width:6px;height:6px;background:#f0c040;border:1px solid #1a1a2e;border-radius:1px;z-index:91}.mask-outline--ellipse .mask-outline-point{border-radius:50%}.mask-resize-handle{width:6px;height:6px;background:#ffe066;border:1.5px solid #1a1a2e;border-radius:1px;box-sizing:border-box;z-index:92}.mask-resize-handle:hover{background:#fff;border-color:#f0c040}.preview-stage--mask-mode{cursor:crosshair}.editor-section-header{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:11px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.editor-section-actions{display:flex;gap:4px}.editor-mini-btn{font-size:10px;padding:2px 6px;border:1px solid var(--border);border-radius:3px;background:var(--surface);color:var(--text-muted);cursor:pointer}.editor-mini-btn:hover{background:var(--surface2);color:var(--text)}.mask-control{border:1px solid var(--border);border-radius:4px;margin-bottom:4px;background:var(--surface)}.mask-control-header{display:flex;align-items:center;gap:4px;padding:4px 6px;font-size:11px;border-bottom:1px solid var(--border)}.mask-control-name{flex:1;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mask-control-shape{color:var(--text-muted);font-size:10px;text-transform:uppercase}.mask-enable-btn,.mask-invert-btn,.mask-delete-btn{padding:0 3px;border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:11px;line-height:1}.mask-enable-btn:hover,.mask-invert-btn:hover,.mask-delete-btn:hover{color:var(--text)}.mask-enable-btn--active{color:var(--accent)}.mask-invert-btn--active{color:#e8a040}.mask-delete-btn:hover{color:var(--red)}.mask-control-props{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;padding:4px 6px 6px}.mask-prop{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted)}.mask-prop span{width:14px;text-align:right;font-weight:600}.mask-prop input{flex:1;min-width:0}.tl-mask-badge{font-size:9px;font-weight:700;color:#4a6fa5;background:#4a6fa526;border-radius:3px;padding:0 4px;line-height:16px;white-space:nowrap;margin-left:auto;margin-right:4px}.tl-mask-row{display:flex;align-items:center;gap:4px;height:22px;padding:0 4px 0 20px;font-size:10px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid transparent}.tl-mask-row:hover{background:#ffffff0a;color:var(--text)}.tl-mask-row--selected{background:#f0c0401a;color:#ffe066;border-bottom-color:#f0c04026}.tl-mask-row--disabled{opacity:.45}.tl-mask-vis{background:none;border:none;color:inherit;cursor:pointer;font-size:10px;padding:0 2px;line-height:1;opacity:.7}.tl-mask-vis:hover{opacity:1}.tl-mask-vis--off{opacity:.35}.tl-mask-shape-badge{font-size:8px;font-weight:700;text-transform:uppercase;background:#f0c04026;color:#f0c040;border-radius:2px;padding:0 3px;line-height:14px}.tl-mask-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-mask-inverted-badge{font-size:8px;font-weight:600;background:#ff78502e;color:#ff7850;border-radius:2px;padding:0 3px;line-height:14px}.tl-mask-track{height:22px;border-bottom:1px solid transparent;cursor:pointer}.tl-mask-track:hover{background:#ffffff05}.tl-mask-track--selected{background:#f0c0400f;border-bottom-color:#f0c0401a}.preview-panel{display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),#071017;background-size:24px 24px;overflow:hidden;flex:1;position:relative}html.curvelab-desktop-render-surface,html.curvelab-desktop-render-surface body,html.curvelab-desktop-render-surface #root{width:100%;height:100%;margin:0;overflow:hidden;background:transparent}.desktop-render-surface{position:fixed;inset:0;overflow:hidden;background:transparent}.desktop-render-surface .preview-panel{width:100%;height:100%;flex:none;background:transparent}.desktop-render-surface-error{margin:0;padding:16px;color:#ff8080;background:#160909;white-space:pre-wrap}.desktop-render-surface-loading{width:100%;height:100%;background:transparent}.preview-panel.preview-panel--mask-mode,.preview-panel.preview-panel--pen-mode{cursor:crosshair}.preview-panel.preview-panel--pan{cursor:grab}.preview-panel.preview-panel--pan-active{cursor:grabbing}.stage-size-bar{display:flex;align-items:center;gap:1px;flex:0 0 auto;min-width:0}.stage-size-display{background:none;border:1px solid transparent;color:var(--text-secondary);font-size:9px;font-family:inherit;font-variant-numeric:tabular-nums;padding:1px 3px;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s}.stage-size-display:hover{color:var(--text);border-color:var(--border);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:text}.stage-reset-view-btn,.stage-fit-view-btn{background:none;border:1px solid transparent;color:var(--text-secondary);font-size:9px;font-family:inherit;padding:1px 3px;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s;margin-left:0}.stage-reset-view-btn:hover,.stage-fit-view-btn:hover{color:var(--text);border-color:var(--border)}.stage-size-inputs{display:flex;align-items:center;gap:3px}.stage-size-input{width:42px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:9px;font-family:inherit;padding:1px 3px;text-align:center;outline:none;-moz-appearance:textfield}.stage-size-input::-webkit-inner-spin-button,.stage-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stage-size-input:focus{border-color:var(--accent)}.stage-size-x{color:var(--text-muted);font-size:10px}.stage-size-presets-wrap{position:relative}.stage-size-presets-btn{background:none;border:none;color:var(--text-muted);font-size:9px;cursor:pointer;padding:1px 2px}.stage-size-presets-btn:hover{color:var(--text)}.stage-size-presets-dropdown{position:absolute;top:100%;right:0;z-index:100;background:var(--menu-bg);border:1px solid var(--border);border-radius:6px;padding:4px;display:flex;flex-direction:column;gap:1px;min-width:130px;box-shadow:0 4px 12px #0006}.stage-size-preset-item{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-secondary);font-size:11px;font-family:inherit;padding:5px 8px;border-radius:4px;cursor:pointer;text-align:left;transition:background .1s,color .1s}.stage-size-preset-item:hover{background:var(--surface-hover);color:var(--text)}.stage-size-preset-item--active{color:var(--accent)}.stage-size-preset-note{color:var(--text-muted);font-size:10px;margin-left:auto}.stage-size-preset-item--active .stage-size-preset-note{color:var(--accent);opacity:.7}.duration-bar{display:flex;align-items:center;gap:1px;flex:0 0 auto;min-width:0;margin-left:0;padding-left:4px;border-left:1px solid var(--border)}.duration-bar-label{display:none;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;flex-shrink:0}.duration-bar-display{background:none;border:1px solid transparent;color:var(--text-secondary);font-size:9px;font-family:inherit;font-variant-numeric:tabular-nums;padding:1px 3px;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s;min-width:24px;text-align:center}.duration-bar-display:hover{color:var(--text);border-color:var(--border)}.duration-bar-input{width:42px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:9px;font-family:inherit;padding:1px 3px;text-align:center;outline:none}.duration-bar-input:focus{border-color:var(--accent)}.duration-bar-presets-wrap{position:relative}.duration-bar-presets-btn{background:none;border:none;color:var(--text-muted);font-size:9px;cursor:pointer;padding:1px 2px}.duration-bar-presets-btn:hover{color:var(--text)}.duration-bar-presets-dropdown{position:absolute;top:100%;right:0;z-index:100;background:var(--menu-bg);border:1px solid var(--border);border-radius:6px;padding:4px;display:flex;flex-direction:column;gap:1px;min-width:100px;box-shadow:0 4px 12px #0006}.duration-bar-preset-item{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-secondary);font-size:11px;font-family:inherit;padding:5px 8px;border-radius:4px;cursor:pointer;text-align:left;transition:background .1s,color .1s}.duration-bar-preset-item:hover{background:var(--surface-hover);color:var(--text)}.duration-bar-preset-item--active{color:var(--accent)}.duration-bar-preset-note{color:var(--text-muted);font-size:10px;margin-left:auto}.duration-bar-preset-item--active .duration-bar-preset-note{color:var(--accent);opacity:.7}.preview-stage{background:#0b151c;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;perspective:1000px;perspective-origin:50% 50%;transform-style:preserve-3d}.control-export-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:96}.control-export-overlay__motion-path{fill:none;stroke:#f59e0b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 5;filter:drop-shadow(0 0 3px rgba(245,158,11,.35))}.control-export-overlay__motion-path--rig{stroke:#38d6f2}.control-export-overlay__key{fill:#f59e0b;stroke:#061118;stroke-width:2}.control-export-overlay__key--rig{fill:#38d6f2}.control-export-overlay__bounds{fill:none;stroke:#38d6f2;stroke-width:1.5;stroke-dasharray:4 3}.control-export-overlay__vertex{fill:#38d6f2;stroke:#f4fbff;stroke-width:1.25}.control-export-overlay__handle{fill:#061118;stroke:#f4fbff;stroke-width:1.5}.control-export-overlay__handle-line{stroke:#f4fbffcc;stroke-width:1;stroke-dasharray:3 3}.control-export-overlay__parent-line{stroke:#f59e0b;stroke-width:1.5;stroke-dasharray:3 5}.control-export-overlay__parent-dot,.control-export-overlay__rig-dot{fill:#38d6f2;stroke:#061118;stroke-width:1}.control-export-overlay__rig-ring{fill:#061118b8;stroke:#9fd8e7;stroke-width:2.5}.control-export-overlay__rig--pole .control-export-overlay__rig-ring{stroke:#f59e0b}.control-export-overlay__label{fill:#e8f7fc;stroke:#061118e6;stroke-width:3;paint-order:stroke;font-size:11px;font-weight:700;letter-spacing:0}.preview-stage--controls-only-export{background:transparent!important;background-image:none!important}.preview-stage--controls-only-export>:not(.control-export-overlay){visibility:hidden!important}.preview-stage--controls-only-export .control-export-overlay,.preview-stage--controls-only-export .control-export-overlay *{visibility:visible!important}.stage-zoom-badge{position:absolute;bottom:8px;right:8px;background:#101a21eb;border:1px solid var(--border);border-radius:var(--radius);padding:2px 6px;font-size:11px;color:var(--text-secondary);pointer-events:none;z-index:10}.preview-box{width:64px;height:64px;border-radius:0;background:var(--accent);position:absolute;left:calc(50% - 32px);top:calc(50% - 32px);cursor:default}.preview-particle-layer,.preview-pattern-layer{position:absolute;display:block;pointer-events:none;cursor:default}.interactive-force-gizmo{position:absolute;border:1px solid rgba(57,201,230,.58);background:#39c9e60f;border-radius:50%;pointer-events:none;z-index:95;transform:translate(-50%,-50%)}.interactive-force-gizmo:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#39c9e6e6;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #39c9e629}.preview-shape-ellipse{border-radius:50%}.preview-shape-line{height:3px!important;border-radius:2px}.preview-shape-line-wrapper{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:auto;cursor:default}.preview-shape-line-svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto}.preview-shape-line-svg svg{display:block;overflow:visible}.editor-section-subheader{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #94a3b8);margin-top:8px;margin-bottom:4px;padding-left:2px}.path-modifier-stack{margin-top:10px;display:flex;flex-direction:column;gap:6px}.path-modifier-stack-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #94a3b8);font-weight:600;margin-bottom:2px}.path-modifier-add{background:#3b82f61f;color:#93c5fd;border:1px solid rgba(59,130,246,.4);border-radius:4px;font-size:11px;padding:3px 8px;cursor:pointer}.path-modifier-add:hover{background:#3b82f638;border-color:#3b82f6b3}.path-modifier-empty{color:var(--text-muted, #64748b);font-size:10px;line-height:1.4;padding:8px 4px}.path-modifier-empty-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px}.path-modifier-empty-actions button,.path-modifier-inline-add{min-height:26px;border-radius:4px;border:1px solid rgba(3,193,225,.38);background:#03c1e11f;color:var(--accent, #03c1e1);font-size:10px;font-weight:800;cursor:pointer}.path-modifier-empty-actions button:hover,.path-modifier-inline-add:hover{border-color:#03c1e1ad;background:#03c1e133}.path-modifier-inline-add{width:100%}.path-modifier-card{background:#00000040;border:1px solid var(--border, #2a2a30);border-radius:4px;overflow:hidden}.path-modifier-card--disabled{opacity:.55}.path-modifier-card-header{display:flex;align-items:center;gap:4px;padding:5px 6px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.04)}.path-modifier-eye,.path-modifier-twirl,.path-modifier-move,.path-modifier-remove{background:transparent;border:none;color:var(--text-muted, #94a3b8);font-size:11px;cursor:pointer;padding:1px 3px;border-radius:2px;line-height:1}.path-modifier-eye:hover,.path-modifier-twirl:hover,.path-modifier-move:hover{color:#fff;background:#ffffff0f}.path-modifier-move:disabled{opacity:.3;cursor:not-allowed}.path-modifier-remove:hover{color:#f87171;background:#f8717114}.path-modifier-label{flex:1;font-size:11px;font-weight:600;color:var(--text-primary, #e5e7eb);padding-left:2px}.path-modifier-actions{display:flex;gap:2px}.path-modifier-card-body{padding:6px 8px 8px;display:flex;flex-direction:column;gap:4px}.path-modifier-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:4px}.path-modifier-presets button{min-width:0;height:24px;border-radius:4px;border:1px solid rgba(3,193,225,.28);background:#03c1e11a;color:var(--text-primary, #e5e7eb);font-size:10px;font-weight:700;cursor:pointer}.path-modifier-presets button:hover{border-color:#03c1e18c;background:#03c1e12e}.path-modifier-animate-btn{width:100%;height:26px;margin-bottom:4px;border-radius:4px;border:1px solid rgba(3,193,225,.42);background:linear-gradient(180deg,#03c1e133,#03c1e11a);color:var(--accent, #03c1e1);font-size:10px;font-weight:800;cursor:pointer}.path-modifier-animate-btn:hover{border-color:#03c1e1b3;background:linear-gradient(180deg,#03c1e147,#03c1e129)}.path-modifier-key-btn{justify-self:end;height:20px;min-width:34px;padding:0 6px;border-radius:4px;border:1px solid rgba(3,193,225,.35);background:#03c1e124;color:var(--accent, #03c1e1);font-size:10px;font-weight:800;cursor:pointer}.path-modifier-key-btn:hover{border-color:#03c1e1a6;background:#03c1e138}.ae-shape-inspector{margin-top:8px;overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:6px;background:linear-gradient(180deg,#0f172a4d,#02080d2e),#02080d47}.ae-shape-inspector-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid rgba(148,163,184,.16);color:var(--text-muted, #94a3b8);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.ae-shape-inspector-title strong{min-width:0;color:var(--text-primary, #e5e7eb);font-size:10px;font-weight:900;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.ae-shape-twirl{border-bottom:1px solid rgba(148,163,184,.14)}.ae-shape-twirl:last-child{border-bottom:0}.ae-shape-twirl summary{min-height:27px;display:flex;align-items:center;gap:6px;padding:0 8px;color:var(--text-primary, #e5e7eb);cursor:pointer;font-size:11px;font-weight:850;list-style:none;-webkit-user-select:none;user-select:none}.ae-shape-twirl summary::-webkit-details-marker{display:none}.ae-shape-twirl summary:before{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--text-muted, #94a3b8);content:"";transform-origin:45% 50%;transition:transform .12s ease,border-left-color .12s ease}.ae-shape-twirl[open]>summary:before{transform:rotate(90deg)}.ae-shape-twirl summary:hover{color:var(--text, #f8fafc);background:#94a3b80f}.ae-shape-twirl summary:hover:before{border-left-color:var(--accent, #03c1e1)}.ae-shape-twirl-body{display:flex;flex-direction:column;gap:7px;padding:6px 8px 8px 18px}.ae-shape-twirl--nested{margin-top:4px;overflow:hidden;border:1px solid rgba(148,163,184,.13);border-radius:5px;background:#0f172a29}.ae-shape-twirl--nested>.ae-shape-twirl-body{padding-left:19px}.ae-property-row{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-secondary, #94a3b8);font-size:11px;font-weight:750}.ae-property-row--path{padding:6px 7px;border:1px solid rgba(3,193,225,.22);border-radius:5px;background:#03c1e114}.ae-property-keyed-label{min-width:0;display:flex;align-items:center;gap:7px}.ae-property-keyed-label span{color:var(--text-primary, #e5e7eb)}.ae-property-keyed-label small,.ae-key-count{color:var(--text-subtle, #64748b);font-size:9px;font-weight:850;white-space:nowrap}.ae-key-toggle{width:26px;height:20px;display:inline-grid;grid-template-columns:10px 8px;align-items:center;justify-content:center;gap:2px;padding:0;border:1px solid rgba(148,163,184,.26);border-radius:4px;background:#02080d75;cursor:pointer}.ae-key-toggle:hover,.ae-key-toggle--active,.ae-transform-property-row--keyed .ae-key-toggle{border-color:#03c1e19e;background:#03c1e129}.ae-stopwatch-dot{width:9px;height:9px;border:1.5px solid rgba(148,163,184,.8);border-radius:50%;box-shadow:0 -3px 0 -2px #94a3b8cc}.ae-key-diamond{width:7px;height:7px;border:1.5px solid rgba(148,163,184,.75);transform:rotate(45deg)}.ae-key-toggle:hover .ae-stopwatch-dot,.ae-key-toggle:hover .ae-key-diamond,.ae-key-toggle--active .ae-stopwatch-dot,.ae-key-toggle--active .ae-key-diamond,.ae-transform-property-row--keyed .ae-stopwatch-dot,.ae-transform-property-row--keyed .ae-key-diamond{border-color:var(--accent, #03c1e1)}.ae-transform-readout{display:flex;flex-direction:column;gap:4px;padding:6px 8px 8px 19px}.ae-transform-property-row{min-height:22px;display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:2px 0;color:var(--text-muted, #94a3b8);font-size:10.5px}.ae-transform-property-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ae-transform-readout strong{color:var(--text-primary, #e5e7eb);font-size:10.5px;font-variant-numeric:tabular-nums;font-weight:850;white-space:nowrap}.path-keyframe-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.path-keyframe-toolbar{display:grid;grid-template-columns:34px 1fr 34px;gap:6px;align-items:center;margin-top:6px}.path-keyframe-header-actions{display:flex;align-items:center;gap:6px}.path-keyframe-breadcrumb{margin-top:5px;padding:5px 7px;border:1px solid rgba(148,163,184,.18);border-radius:4px;background:#02080d42;color:var(--text-subtle);font-size:9.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-mini-btn--danger{border-color:#f8717152;color:#fecaca}.editor-mini-btn--danger:hover{border-color:#f871719e;background:#f871711f}.path-keyframe-nav-btn{width:34px;height:22px;border:1px solid rgba(148,163,184,.32);border-radius:4px;background:#02080d6b;color:var(--text-secondary, #94a3b8);font-size:9px;font-weight:900;cursor:pointer}.path-keyframe-nav-btn:disabled{cursor:default;opacity:.35}.path-keyframe-nav-btn:not(:disabled):hover{border-color:var(--accent, #03c1e1);color:var(--text, #e5e7eb)}.path-keyframe-status{min-width:0;padding:5px 7px;border:1px solid rgba(148,163,184,.24);border-radius:4px;background:#02080d57;color:var(--text-secondary, #94a3b8);font-size:10.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-keyframe-status--active,.path-keyframe-status--morph{border-color:#03c1e173;background:#03c1e11f;color:#d8f7ff}.path-keyframe-status--warning{border-color:#fbbf2473;background:#fbbf241a;color:#fbbf24}.path-keyframe-status--hold{border-color:#94a3b859;background:#94a3b814}.path-morph-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}.path-morph-state-card{min-width:0;display:flex;flex-direction:column;gap:3px;padding:7px 8px;border:1px solid rgba(148,163,184,.22);border-radius:5px;background:#02080d52}.path-morph-state-label{color:var(--text-muted, #94a3b8);font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.path-morph-state-card strong{min-width:0;color:var(--text-primary, #e5e7eb);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-morph-state-card small{min-width:0;color:var(--text-muted, #94a3b8);font-size:9.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-morph-state-card--current{border-color:#03c1e161;background:#03c1e11a}.path-morph-state-card--keyed{box-shadow:inset 0 0 0 1px #03c1e13d}.path-morph-state-card--empty{opacity:.58}.path-morph-state-actions{display:flex;gap:4px;margin-top:4px}.path-morph-state-actions button{min-width:0;height:20px;flex:1;border:1px solid rgba(148,163,184,.24);border-radius:4px;background:#02080d6b;color:var(--text-secondary, #94a3b8);cursor:pointer;font-size:9px;font-weight:850}.path-morph-state-actions button:hover:not(:disabled){border-color:#03c1e18c;color:var(--text-primary, #e5e7eb)}.path-morph-state-actions button:disabled{cursor:default;opacity:.45}.path-keyframe-warning{margin-top:7px;padding:7px 8px;border:1px solid rgba(251,191,36,.34);border-radius:5px;background:#fbbf2414;color:#fbbf24;font-size:10.5px;line-height:1.35}.path-keyframe-strip{position:relative;height:18px;margin-top:7px;border:1px solid rgba(148,163,184,.2);border-radius:4px;background:linear-gradient(90deg,transparent 0 49%,rgba(148,163,184,.18) 49% 51%,transparent 51% 100%),#02080d5c}.path-keyframe-strip-playhead{position:absolute;top:2px;bottom:2px;width:1px;background:var(--accent, #03c1e1);transform:translate(-.5px)}.path-keyframe-strip-marker{position:absolute;top:50%;width:9px;height:9px;padding:0;border:1px solid rgba(216,247,255,.9);border-radius:2px;background:#03c1e1b8;transform:translate(-50%,-50%) rotate(45deg);cursor:pointer}.path-keyframe-strip-marker--active{background:#fff;box-shadow:0 0 0 2px #03c1e157}.path-keyframe-strip-marker:disabled{cursor:default}.path-keyframe-row{display:grid;grid-template-columns:auto 1fr 22px;gap:8px;align-items:center;padding:5px 8px;background:#00000040;border:1px solid var(--border, #2a2a30);border-radius:4px;font-size:11px;text-align:left;cursor:pointer}.path-keyframe-row--active{border-color:#3b82f6a6;background:#3b82f61f}.path-keyframe-row[aria-disabled=true]{cursor:default}.path-keyframe-time{color:var(--text-primary, #e5e7eb);font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:600}.path-keyframe-meta{color:var(--text-muted, #94a3b8);font-size:10.5px}.path-keyframe-remove{background:transparent;border:none;color:var(--text-muted, #94a3b8);font-size:14px;line-height:1;cursor:pointer;padding:0 4px;border-radius:3px}.path-keyframe-remove:hover{color:#f87171;background:#f8717114}.editor-empty-hint{color:var(--text-muted, #94a3b8);font-size:10.5px;line-height:1.4;font-style:italic;padding:4px 0}.figma-import-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;animation:figma-import-fade-in .12s ease-out}@keyframes figma-import-fade-in{0%{opacity:0}to{opacity:1}}.figma-import-dialog{background:#0f1620;border:1px solid rgba(255,255,255,.1);border-radius:10px;width:540px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;box-shadow:0 24px 80px #000000b3;color:var(--text-primary, #e5e7eb)}.figma-import-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.figma-import-title{font-size:14px;font-weight:600}.figma-import-close{background:transparent;border:none;color:var(--text-muted, #94a3b8);font-size:22px;line-height:1;cursor:pointer;padding:0 4px;border-radius:4px}.figma-import-close:hover{color:#fff;background:#ffffff0d}.figma-import-body{padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.figma-import-field{display:flex;flex-direction:column;gap:6px}.figma-import-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #94a3b8);display:flex;align-items:baseline;gap:8px}.figma-import-help{font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;color:#93c5fd;text-decoration:none}.figma-import-help:hover{text-decoration:underline}.psd-import-dropzone{margin:12px 0;padding:24px 12px;background:#0000004d;border:2px dashed rgba(255,255,255,.18);border-radius:8px;color:#ddd;font-size:13px;cursor:pointer;transition:border-color .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center;min-height:120px}.psd-import-dropzone:hover{border-color:#3a7bd599;background:#3a7bd514}.psd-import-help{margin-top:12px;padding:12px 14px;background:#3a7bd514;border:1px solid rgba(58,123,213,.35);border-radius:6px;color:#cfe2ff;font-size:12px;line-height:1.5}.psd-import-help strong{color:#fff;display:block;margin-bottom:6px}.psd-import-help p{margin:6px 0}.psd-import-help ol{margin:6px 0 6px 18px;padding:0}.psd-import-help li{margin:4px 0}.psd-import-help code{background:#ffffff14;padding:1px 4px;border-radius:3px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.figma-import-input{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:7px 9px;font-size:12px;color:var(--text-primary, #e5e7eb);font-family:ui-monospace,SF Mono,Menlo,monospace;width:100%;box-sizing:border-box}.figma-import-input:focus{outline:none;border-color:#3b82f699;background:#0000008c}.figma-import-row{display:flex;gap:8px}.figma-import-row .figma-import-input{flex:1}.figma-import-checkbox{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary, #cbd5e1);cursor:pointer}.figma-import-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary, #e5e7eb);border-radius:5px;padding:7px 14px;font-size:12px;cursor:pointer}.figma-import-btn:hover:not(:disabled){background:#ffffff1a}.figma-import-btn:disabled{opacity:.45;cursor:not-allowed}.figma-import-btn--primary{background:#3b82f62e;border-color:#3b82f680;color:#93c5fd}.figma-import-btn--primary:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f6cc;color:#fff}.figma-import-frames{display:flex;flex-direction:column;gap:10px}.figma-import-frames-header{font-size:12px;font-weight:600;color:var(--text-primary, #e5e7eb)}.figma-import-muted{color:var(--text-muted, #94a3b8);font-weight:400}.figma-import-frames-list{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:10px;background:#00000040}.figma-import-page-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #94a3b8);margin-bottom:6px}.figma-import-frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.figma-import-frame{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:8px 10px;text-align:left;cursor:pointer;color:var(--text-primary, #e5e7eb)}.figma-import-frame:hover{background:#ffffff0f;border-color:#ffffff29}.figma-import-frame--selected{background:#3b82f629;border-color:#3b82f699}.figma-import-frame-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-import-frame-size{font-size:10px;color:var(--text-muted, #94a3b8);font-family:ui-monospace,SF Mono,Menlo,monospace;margin-top:2px}.figma-import-empty{font-size:11px;color:var(--text-muted, #94a3b8);font-style:italic;padding:4px 0}.figma-import-error{background:#f871711f;border:1px solid rgba(248,113,113,.4);border-radius:5px;padding:8px 10px;font-size:12px;color:#fca5a5;line-height:1.4}.figma-import-warnings{background:#fbbf2414;border:1px solid rgba(251,191,36,.3);border-radius:5px;padding:8px 10px;font-size:11px;color:#fde68a}.figma-import-warnings-title{font-weight:600;margin-bottom:4px}.figma-import-warnings ul{margin:0;padding-left:18px}.figma-import-warnings li{margin:2px 0}.figma-import-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08)}.preview-shape-rounded-rect{border-radius:18px}.preview-shape-triangle{width:64px;height:64px;position:absolute;left:calc(50% - 32px);top:calc(50% - 32px);cursor:default;background:none}.preview-shape-triangle svg{display:block}.preview-shape-icon{width:64px;height:64px;position:absolute;left:calc(50% - 32px);top:calc(50% - 32px);cursor:default;background:none}.preview-shape-icon svg{display:block}.preview-asset{position:absolute;left:50%;top:50%;margin-left:calc(-1 * var(--asset-w, 100px) / 2);margin-top:calc(-1 * var(--asset-h, 100px) / 2);cursor:default;object-fit:contain}.selection-overlay{z-index:10}.selection-outline{position:absolute;inset:0;border:1.5px solid var(--accent);border-radius:2px;pointer-events:auto;cursor:move}.selection-outline--mask-passthrough{pointer-events:none!important;cursor:crosshair}.selection-handle{background:var(--accent);border:1.5px solid #fff;border-radius:2px;z-index:11}.selection-handle:hover{background:var(--accent-hover)}.selection-rotation-handle{border-radius:50%!important}.selection-corner-radius-widget{display:flex;align-items:center;justify-content:center;color:var(--accent);background:#06b6d424;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 1px #0000008c;cursor:grab;z-index:13}.selection-corner-radius-widget:hover{background:#06b6d447;color:#67e8f9}.selection-corner-radius-widget:active{cursor:grabbing}.selection-corner-radius-widget svg{display:block;overflow:visible;pointer-events:none}.selection-corner-radius-widget path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.selection-corner-radius-widget circle{fill:currentColor}.selection-anchor-handle{z-index:12;opacity:.5;transition:opacity .15s}.selection-anchor-handle--active{opacity:1;cursor:crosshair}.selection-anchor-handle--active:hover svg circle{fill:#ffffff26}.anchor-preset-grid{display:grid;grid-template-columns:repeat(3,14px);grid-template-rows:repeat(3,14px);gap:2px;background:#101a21eb;border:1px solid var(--border);border-radius:4px;padding:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.anchor-preset-cell{width:14px;height:14px;border:none;border-radius:2px;background:#333;cursor:pointer;transition:background .1s;padding:0;position:relative}.anchor-preset-cell:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#888;transform:translate(-50%,-50%);transition:background .1s}.anchor-preset-cell:hover{background:#444}.anchor-preset-cell:hover:after{background:#fff}.anchor-preset-cell--active{background:var(--accent-soft)}.anchor-preset-cell--active:after{background:#fff}.anchor-panel{padding:8px}.anchor-panel--empty{padding:12px;display:flex;align-items:center;justify-content:center}.anchor-empty-msg{color:#666;font-size:11px}.anchor-panel-row{display:flex;align-items:center;gap:12px}.anchor-panel-grid{display:grid;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:3px;background:var(--bg-input);border:1px solid var(--border);border-radius:5px;padding:4px}.anchor-panel-cell{width:18px;height:18px;border:none;border-radius:3px;background:#2a2a3a;cursor:pointer;transition:background .1s;padding:0;position:relative}.anchor-panel-cell:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#666;transform:translate(-50%,-50%);transition:background .1s}.anchor-panel-cell:hover{background:#3a3a5a}.anchor-panel-cell:hover:after{background:#ccc}.anchor-panel-cell--active{background:var(--accent-soft)}.anchor-panel-cell--active:after{background:#fff}.anchor-panel-values{display:flex;flex-direction:column;gap:2px}.anchor-panel-coord{font-size:11px;color:#888}.anchor-panel-coord strong{color:#ccc;font-weight:600}.expressions-section{padding:4px}.expressions-section--empty{padding:12px;display:flex;align-items:center;justify-content:center}.expressions-empty-msg{color:#666;font-size:11px}.selection-outline--anchor{cursor:crosshair;border-style:dashed}.preview-text{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:fit-content;margin-left:auto;margin-right:auto;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Inter,system-ui,-apple-system,sans-serif;white-space:nowrap;text-align:center;pointer-events:auto;cursor:default}.preview-char{display:inline-block;pointer-events:auto}.preview-word{display:inline-block;margin-right:.3em;pointer-events:auto}.preview-word:last-child{margin-right:0}.preview-line{display:block;pointer-events:auto}.color-field{display:flex;gap:6px;align-items:center}.color-field input[type=color]{width:32px;min-width:32px;height:28px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer}.color-field input[type=text]{flex:1}.font-picker{position:relative;flex:1}.font-picker-trigger{width:100%;text-align:left;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-size:12px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-trigger:hover{border-color:var(--accent)}.font-picker-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;max-height:320px;min-width:200px}.font-picker-search{padding:6px 8px;border:none;border-bottom:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:12px;outline:none}.font-picker-search::placeholder{color:var(--text-muted, #888)}.font-picker-list{overflow-y:auto;flex:1;padding:4px 0}.font-picker-group-label{padding:6px 8px 2px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #888)}.font-picker-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 8px;border:none;background:none;color:var(--fg);font-size:13px;cursor:pointer;text-align:left}.font-picker-item:hover{background:var(--bg)}.font-picker-item--active{background:var(--accent);color:#fff}.font-picker-item--active:hover{background:var(--accent)}.font-picker-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-item-cat{font-size:10px;color:var(--text-muted, #888);margin-left:8px;flex-shrink:0}.font-picker-empty{padding:12px 8px;text-align:center;font-size:12px;color:var(--text-muted, #888)}.font-picker-local-banner{margin:0 8px 8px;padding:10px;background:linear-gradient(180deg,#1d2c3f,#18222f);border:1px solid #2c4763;border-radius:6px;display:flex;flex-direction:column;gap:8px}.font-picker-local-banner-text{font-size:11px;color:#cfe2ff;line-height:1.4}.font-picker-local-banner-btn{padding:6px 8px;background:#3a7bd5;color:#fff;border:none;border-radius:4px;font-size:11px;cursor:pointer}.font-picker-local-banner-btn:hover{background:#4a8be5}.font-picker-group-label--with-action{display:flex;justify-content:space-between;align-items:center}.font-picker-group-action{background:transparent;border:1px solid #333;color:var(--text-muted, #888);border-radius:3px;font-size:11px;width:18px;height:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.font-picker-group-action:hover{background:#222;color:#ddd}.font-picker-hint{padding:8px 12px;font-size:10px;color:var(--text-muted, #888);text-align:center;font-style:italic}.effects-panel{display:flex;flex-direction:column;gap:8px}.effect-delivery-note{padding:7px 8px;border:1px solid rgba(3,193,225,.22);border-radius:5px;background:#03c1e112;color:var(--text-secondary);font-size:10.5px;line-height:1.35}.effect-delivery-note--video{border-color:#a855f73d;background:#a855f70f}.effect-add-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:190px;padding:8px;border:1px solid var(--border);border-radius:7px;background:var(--menu-bg);box-shadow:0 18px 40px #00000061}.effect-add-group+.effect-add-group{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.effect-add-group-label{margin:0 0 5px;color:var(--text-muted);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.effect-add-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 7px;border-color:transparent;background:transparent;color:var(--text-secondary);font-size:11px;text-align:left}.effect-add-item:hover{color:var(--text);border-color:#03c1e133;background:#03c1e114}.effects-browser{position:fixed;top:74px;right:18px;z-index:75;width:min(380px,calc(100vw - 36px));max-height:calc(100vh - 150px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(3,193,225,.28);border-radius:8px;background:linear-gradient(180deg,rgba(3,193,225,.08),transparent 96px),var(--menu-bg);box-shadow:0 22px 54px #0000007a}.effects-browser-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.effects-browser-kicker{color:var(--accent-hover);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.effects-browser h2{margin:2px 0 0;color:var(--text);font-size:15px;line-height:1.15}.effects-browser-close{width:24px;height:24px;padding:0;color:var(--text-muted);border-color:transparent;background:transparent;font-size:18px;line-height:1}.effects-browser-close:hover{color:var(--text);border-color:#ffffff1a;background:#ffffff0f}.effects-browser-toolbar{flex:0 0 auto;display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.effects-browser-toolbar input{min-width:0;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:#02080d8f;color:var(--text);font-size:11px}.effects-browser-mode{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:0 8px;border:1px solid var(--accent-border);border-radius:999px;color:var(--accent-hover);background:var(--accent-soft);font-size:10px;font-weight:900}.effects-browser-mode--video{border-color:#a855f75c;background:#a855f71f;color:#d8b4fe}.effects-browser-filters{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:6px 14px;border-bottom:1px solid rgba(255,255,255,.06);overflow:visible}.effects-browser-filter{flex:0 0 auto;height:24px;padding:0 8px;border-color:#94a3b82e;background:#ffffff0a;color:var(--text-secondary);font-size:9.5px;font-weight:900}.effects-browser-filter:hover,.effects-browser-filter--active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-hover)}.effects-browser-target{flex:0 0 auto;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-muted);font-size:10.5px}.effects-browser-note{flex:0 0 auto;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:10px;line-height:1.35}.effects-browser-summary{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:7px 14px;border-bottom:1px solid rgba(255,255,255,.06);overflow:visible}.effects-browser-summary span{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(3,193,225,.18);border-radius:999px;color:var(--text-secondary);background:#03c1e112;font-size:9.5px;font-weight:850;white-space:nowrap}.effects-browser-list{flex:1 1 auto;min-height:0;overflow:auto;padding:6px 8px 8px}.effects-browser-group+.effects-browser-group{margin-top:8px}.effects-browser-group h3{margin:0 0 4px;padding:0 2px;color:var(--text-muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.effects-browser-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:4px 6px;border:0;border-bottom:1px solid rgba(148,163,184,.1);border-radius:4px;background:transparent}.effects-browser-item:hover{background:#03c1e10f}.effects-browser-item+.effects-browser-item{margin-top:0}.effects-browser-item-main{display:grid;gap:1px;min-width:0}.effects-browser-item-title{display:flex;align-items:center;gap:5px;min-width:0;color:var(--text);font-size:11.5px;font-weight:800;line-height:1.12}.effects-browser-item-title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effects-browser .effect-delivery-badge{height:14px;padding:0 5px;font-size:7.5px;letter-spacing:.02em}.effect-stage-status{margin-top:0;color:var(--accent-hover);font-size:9px;font-weight:900;line-height:1.1;letter-spacing:.02em}.effect-stage-status--disabled{color:var(--text-muted)}.effects-browser-item p{display:none;margin:2px 0 0;overflow:hidden;color:var(--text-secondary);font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.effects-browser-actions{display:flex;flex-direction:row;gap:3px;align-self:center;justify-content:flex-end;min-width:116px}.effects-browser-apply{flex:0 0 auto;height:20px;min-height:20px;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:5px;color:#041116;border-color:var(--accent);background:var(--accent);font-size:9px;font-weight:900;line-height:1;white-space:nowrap}.effects-browser-apply--bake{color:#1a1102;border-color:#fbbf248c;background:#fbbf24}.effects-browser-apply:disabled{color:var(--text-muted);border-color:#94a3b824;background:#ffffff0a;cursor:default}.effects-browser-empty{padding:20px 12px;border:1px dashed rgba(148,163,184,.2);border-radius:7px;color:var(--text-muted);font-size:11px;text-align:center}.effect-card{border:1px solid var(--border);border-radius:var(--radius);background:#02080d52;overflow:hidden}.effect-card--disabled{opacity:.62}.effect-card-header{display:flex;align-items:center;gap:5px;padding:6px;border-bottom:1px solid rgba(255,255,255,.06)}.effect-expand-btn,.effect-enable-btn,.effect-reorder-btn,.effect-delete-btn{flex:0 0 auto;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.22);background:#08171fa3;color:var(--text-muted);line-height:1}.effect-expand-btn:hover,.effect-enable-btn:hover,.effect-reorder-btn:hover:not(:disabled),.effect-delete-btn:hover{border-color:#03c1e16b;color:var(--accent-hover)}.effect-enable-btn{color:var(--text-subtle)}.effect-enable-btn--active{border-color:#03c1e180;background:#03c1e11f;color:var(--accent-hover)}.effect-enable-btn:focus-visible{outline:2px solid rgba(3,193,225,.5);outline-offset:2px}.effect-reorder-btn:disabled{opacity:.35;cursor:default}.effect-delete-btn:hover{border-color:#ef444473;color:#fca5a5}.effect-name-input{flex:1;min-width:0;height:24px;padding:0 6px;font-size:11px}.effect-type-badge,.effect-delivery-badge{flex:0 0 auto;display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid rgba(148,163,184,.24);border-radius:999px;color:var(--text-muted);font-size:9px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.effect-delivery-badge--web-safe{border-color:#22c55e5c;background:#22c55e1f;color:#86efac}.effect-delivery-badge--bake-for-web{border-color:#fbbf2466;background:#fbbf241c;color:#fbbf24}.effect-delivery-badge--bake-armed{border-color:#03c1e16b;background:#03c1e11f;color:var(--accent-hover)}.effect-delivery-badge--video,.effect-delivery-badge--video-only{border-color:#a855f761;background:#a855f71f;color:#d8b4fe}.effect-bake-btn{flex:0 0 auto;height:22px;padding:0 7px;border-color:#fbbf2452;background:#fbbf2414;color:#fbbf24;font-size:9px;font-weight:900}.effect-bake-btn:hover,.effect-bake-btn--active{border-color:#03c1e170;background:#03c1e11f;color:var(--accent-hover)}.effect-card-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.effect-props{display:flex;flex-direction:column;gap:7px;padding:8px}.effect-prop{display:grid;grid-template-columns:minmax(88px,1fr) minmax(86px,1.25fr);gap:8px;align-items:center;color:var(--text-secondary);font-size:11px}.effect-prop-label{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;align-items:center}.effect-prop-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect-prop-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:5px;align-items:center}.effect-param-key-btn{width:24px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.28);border-radius:4px;background:#08171fb8;color:var(--text-muted);line-height:1}.effect-param-key-btn:hover,.effect-param-key-btn--keyed{border-color:#03c1e185;color:var(--accent-hover);background:#03c1e121}.effect-param-key-btn--at-playhead{border-color:var(--accent);color:#041116;background:var(--accent)}.effect-param-key-btn:focus-visible{outline:2px solid rgba(3,193,225,.55);outline-offset:2px}.effect-empty{padding:8px;border:1px dashed rgba(148,163,184,.24);border-radius:var(--radius);color:var(--text-muted);font-size:11px;text-align:center}.export-hud-backdrop{position:fixed;inset:0;z-index:8800;display:flex;align-items:center;justify-content:center;padding:28px;background:#00000094;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.export-hud{width:min(860px,calc(100vw - 56px));max-height:min(760px,calc(100vh - 56px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(3,193,225,.28);border-radius:8px;background:linear-gradient(180deg,rgba(3,193,225,.08),transparent 120px),var(--surface);box-shadow:0 28px 90px #000000ad}.export-hud-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px 11px;border-bottom:1px solid var(--border)}.export-hud-header h2{margin:0;color:var(--text);font-size:15px;line-height:1.1}.export-hud-kicker{display:block;margin-bottom:3px;color:var(--accent-hover);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.export-hud-close{width:30px;height:30px;padding:0;border-color:var(--border);border-radius:5px;background:#ffffff09;color:var(--text-secondary);font-size:20px;line-height:1}.export-hud-close:hover{border-color:var(--accent-border);color:var(--text);background:var(--surface-hover)}.export-hud-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px}.export-panel{padding:0;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;height:100%;min-height:0}.export-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.export-tab{flex:1;font-size:11px;font-weight:500;padding:8px 0;border:none;border-radius:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s}.export-tab:hover{color:var(--text);background:var(--surface2)}.export-tab--active{color:var(--accent-hover);border-bottom:2px solid var(--accent);background:transparent}.export-tab--active:hover{background:transparent}.export-readiness-card{flex-shrink:0;margin:10px 10px 0;padding:10px;border:1px solid rgba(34,197,94,.24);border-radius:var(--radius);background:#22c55e14}.export-readiness-card--attention{border-color:#fbbf2452;background:#fbbf2414}.export-readiness-card__top{display:flex;align-items:center;gap:7px;margin-bottom:4px}.export-readiness-card__top strong{color:var(--text);font-size:11px}.export-readiness-card p{margin:0;color:var(--text-secondary);font-size:10.5px;line-height:1.4}.export-readiness-card__meta{margin-top:7px;color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.export-readiness-card__mode{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;color:#041116;background:var(--accent);font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.export-readiness-card__mode--video{color:#f5f3ff;background:#7c3aed}.export-readiness-card__issues{display:flex;flex-direction:column;gap:5px;margin-top:8px}.export-readiness-card__note{color:var(--text-secondary);font-size:10px;line-height:1.35}.export-readiness-card__issue{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-secondary);font-size:10px}.export-readiness-card__badge{flex:0 0 auto;padding:1px 5px;border-radius:999px;border:1px solid rgba(251,191,36,.36);color:#fbbf24;background:#fbbf241a;font-size:8.5px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.export-readiness-card__badge--web-safe{border-color:#22c55e57;color:#86efac;background:#22c55e1f}.export-readiness-card__badge--video-only{border-color:#a855f75c;color:#d8b4fe;background:#a855f71f}.export-readiness-card__more{color:var(--text-muted);font-size:10px}.export-section{flex:1;display:flex;flex-direction:column;padding:12px 12px 24px;gap:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;min-height:0}.export-actions{display:flex;gap:6px;flex-shrink:0}.copy-btn{font-size:11px;padding:4px 10px}.export-json{flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.6;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow:auto;white-space:pre;color:var(--text-muted);min-height:0}.export-handoff{flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.7;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow:auto;white-space:pre-wrap;color:var(--text);min-height:0}.export-code-group{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0}.export-code-group--primary{flex:1.25}.export-code-group--notice{flex:0 0 auto;border:1px solid rgba(4,193,225,.26);border-radius:var(--radius);background:#04c1e10f;padding:10px}.export-code-group--planned{flex:0 0 auto;border:1px dashed var(--border);border-radius:var(--radius);background:#04c1e10d;padding:10px}.export-code-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.export-code-actions{display:flex;align-items:center;gap:6px}.export-code-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.export-code-note{margin:2px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}.export-code-status{border:1px solid rgba(4,193,225,.45);border-radius:999px;color:var(--accent);font-size:9px;font-weight:700;padding:2px 6px;text-transform:uppercase}.export-code-note{margin:4px 0 0;color:var(--text-secondary);font-size:10px;line-height:1.45}.export-code{flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.6;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow:auto;white-space:pre;color:var(--text-muted);min-height:0}.export-easy-group{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.export-easy-label{font-size:11px;font-weight:600;color:var(--text);margin-bottom:4px}.export-easy-desc{font-size:11px;color:var(--text-muted);line-height:1.5;margin-bottom:10px}.export-easy-btn{width:100%;padding:7px 14px;font-size:12px;font-weight:500;background:var(--accent);border-color:var(--accent);color:#041116}.export-easy-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.export-easy-btn--secondary{background:transparent;border-color:var(--border);color:var(--text-secondary)}.export-easy-btn--secondary:hover{background:#03c1e114;border-color:var(--accent-border);color:var(--accent-hover)}.export-easy-divider{border-top:1px solid var(--border)}.export-easy-hint{font-size:10px;color:var(--text-muted);text-align:center}.ui-demo-export-options{display:flex;flex-direction:column;gap:8px;margin:2px 0 10px;padding:8px;border:1px solid rgba(4,193,225,.18);border-radius:6px;background:#04c1e10d}.ui-demo-export-options__label{color:var(--text-secondary);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ui-demo-export-options__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ui-demo-export-options__label--layers{padding-top:2px;border-top:1px solid rgba(255,255,255,.08)}.ui-demo-export-options__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.ui-demo-export-options__include-row{display:flex;align-items:center;gap:5px;min-width:0}.ui-demo-export-options__check,.ui-demo-export-options__layer{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-secondary);font-size:10px;line-height:1.2}.ui-demo-export-options__check{flex:1 1 auto}.ui-demo-export-options__check input,.ui-demo-export-options__layer input{width:12px;height:12px;flex:0 0 auto;accent-color:var(--accent)}.ui-demo-export-options__only{flex:0 0 auto;border:1px solid rgba(4,193,225,.24);border-radius:4px;background:#04c1e114;color:var(--accent-hover);cursor:pointer;font:inherit;font-size:9px;font-weight:800;line-height:1;padding:3px 5px;text-transform:uppercase}.ui-demo-export-options__only:hover{border-color:#04c1e16b;background:#04c1e124}.ui-demo-export-options__layers{display:grid;gap:5px;max-height:120px;overflow:auto}.ui-demo-export-options__chip{width:9px;height:9px;flex:0 0 auto;border-radius:2px}.ui-demo-export-options__layer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-text-export-checkbox{width:13px;height:13px;accent-color:var(--accent)}.web-text-export-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.web-text-export-summary span{min-width:0;padding:7px 6px;border:1px solid rgba(4,193,225,.18);border-radius:4px;background:#04c1e10f;color:var(--text-secondary);font-size:10px;font-weight:800;text-align:center;white-space:nowrap}.web-text-export-warnings{margin:4px 0 0;padding-left:16px}.web-text-export-warnings li{font-size:10px}.web-text-export-handoff,.web-text-export-standalone{display:flex;flex-direction:column;gap:8px}.web-text-export-handoff .export-easy-desc,.web-text-export-standalone .export-easy-desc{margin-bottom:0}.web-text-export-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.web-text-export-copy-grid .copy-btn{width:100%;min-width:0}.web-text-export-code{flex:1 1 260px}.video-export-field{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.video-export-label{font-size:11px;color:var(--text-muted);min-width:60px;flex-shrink:0}.video-export-select{flex:1;background:var(--surface-raised);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:11px;padding:3px 6px;outline:none}.video-export-select:focus{border-color:var(--accent)}.video-export-input{width:62px;background:var(--surface-raised);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:11px;padding:3px 6px;outline:none;text-align:center}.video-export-input:focus{border-color:var(--accent)}.video-export-resolution{display:flex;align-items:center;gap:4px}.video-export-sep{font-size:11px;color:var(--text-muted)}.video-export-lock{background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:11px;padding:2px 5px;opacity:.6}.video-export-lock--active{opacity:1;border-color:var(--accent)}.video-export-hint-inline{font-size:10px;color:var(--text-muted)}.video-export-range{flex:1;accent-color:var(--accent)}.control-overlay-export{border:1px solid var(--border);border-radius:6px;background:#07121975;padding:8px;margin:2px 0 10px}.control-overlay-export__header{display:flex;align-items:center;gap:6px}.control-overlay-export__hint{margin:7px 0 0;color:var(--text-muted);font-size:10px;line-height:1.4}.control-overlay-export__scope{margin:8px 0 6px}.control-overlay-export__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.control-overlay-export__check{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:10px;line-height:1.2}.control-overlay-export__check input{width:12px;height:12px;accent-color:var(--accent)}.video-export-destination{display:flex;align-items:center;gap:8px;margin:2px 0 10px;padding:8px;border:1px solid rgba(4,193,225,.25);border-radius:6px;background:#04c1e10f}.video-export-destination__copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.video-export-destination__path{overflow:hidden;color:var(--text-secondary);font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.video-export-destination__path--empty{color:var(--text-muted);white-space:normal}.video-export-destination__button{flex:0 0 auto;border:1px solid var(--border);border-radius:4px;background:var(--surface-raised);color:var(--text);cursor:pointer;font-size:10px;padding:5px 8px}.video-export-destination__button:hover:not(:disabled){border-color:var(--accent)}.video-export-destination__button:disabled{cursor:wait;opacity:.6}.demo-capture-export{border:1px solid rgba(4,193,225,.2);border-radius:6px;background:#04c1e10f;padding:8px;margin:2px 0 10px}.demo-capture-export__size{margin-top:7px;color:var(--accent-hover);font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.video-export-target-card{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border:1px solid rgba(4,193,225,.18);border-radius:var(--radius);background:#04c1e10f}.video-export-target-card strong{color:var(--text);font-size:11px}.video-export-target-card span{color:var(--accent);font-size:10px;font-weight:800}.video-export-target-card p{margin:0;color:var(--text-secondary);font-size:10px;line-height:1.35}.video-export-pills{display:flex;gap:4px;flex:1;flex-wrap:wrap}.video-export-pill{flex:1;min-width:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:11px;padding:4px 8px;cursor:pointer;white-space:nowrap;transition:background .1s,border-color .1s,color .1s}.video-export-pill:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.video-export-pill--active{background:var(--accent);border-color:var(--accent);color:#041116}.video-export-pill:disabled{opacity:.5;cursor:not-allowed}.video-export-estimate{font-size:10px;color:var(--text-muted);text-align:center;margin:4px 0 8px;font-feature-settings:"tnum"}.video-export-warning{font-size:10px;color:#e8a020;background:#e8a02014;border:1px solid rgba(232,160,32,.25);border-radius:4px;padding:6px 8px;margin-bottom:10px;line-height:1.4}.video-export-progress{margin-bottom:10px}.video-export-progress-label{font-size:10px;color:var(--text-muted);margin-bottom:4px}.video-export-progress-bar{height:4px;background:var(--surface-raised);border-radius:2px;overflow:hidden}.video-export-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .15s ease}.video-export-error{font-size:10px;color:#e85050;background:#e8505014;border:1px solid rgba(232,80,80,.25);border-radius:4px;padding:6px 8px;margin-bottom:10px;word-break:break-word}.video-export-done{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.video-export-done-label{font-size:11px;color:#4caf70}.video-export-btn{margin-top:4px}.video-export-cancel-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:11px;padding:5px 10px;cursor:pointer;width:100%}.video-export-cancel-btn:hover{border-color:var(--text-muted);color:var(--text)}.video-export-reset-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:11px;padding:5px 10px;cursor:pointer}.video-export-reset-btn:hover{color:var(--text)}.timeline-panel{border-top:1px solid var(--border);background:var(--surface);height:100%;overflow:hidden;padding:0;outline:none;display:flex;flex-direction:column}.tl-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid var(--border);background:#ffffff05;flex-shrink:0}.tl-header-left{display:flex;align-items:center;gap:8px}.tl-layer-actions{display:flex;gap:2px;align-items:center}.timeline-panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;padding:6px 0}.tl-nav-controls{display:flex;gap:4px;align-items:center}.tl-zoom-divider{width:1px;height:14px;background:var(--border);margin:0 2px}.tl-nav-btn{font-size:9px;padding:2px 8px;line-height:1;border:1px solid var(--border);border-radius:3px;background:var(--surface2);color:var(--text-muted);cursor:pointer}.tl-keyframe-nav-btn{width:28px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center}.tl-keyframe-nav-group{display:inline-flex;align-items:center;gap:2px;margin-right:4px;padding-right:4px;border-right:1px solid var(--border)}.tl-keyframe-nav-icon{width:16px;height:16px;display:block}.tl-graph-editor-toggle{display:inline-flex;align-items:center;gap:5px;height:22px}.tl-graph-editor-toggle span{line-height:1}.tl-graph-editor-icon{width:18px;height:16px;display:block;flex:0 0 auto}.tl-nav-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#041116}.tl-nav-btn:disabled{opacity:.3;cursor:default}.tl-nav-btn--sequence-primary{border-top-right-radius:0;border-bottom-right-radius:0}.tl-nav-btn--sequence-empty{color:var(--text-muted)}.tl-nav-btn--sequence-empty:hover{color:#041116}.tl-nav-btn--sequencer-more{min-width:22px;padding-inline:5px;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.layer-sequencer-wrap{position:relative;display:inline-flex}.layer-sequencer-popover{position:fixed;z-index:80;box-sizing:border-box;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-raised);color:var(--text);box-shadow:0 14px 34px #0000006b;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.layer-sequencer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.layer-sequencer-close{width:20px;height:20px;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-muted);font-size:11px;line-height:18px;cursor:pointer}.layer-sequencer-close:hover{border-color:var(--border);background:var(--surface-hover);color:var(--text)}.layer-sequencer-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:7px;font-size:10px;color:var(--text-muted)}.layer-sequencer-row>span{font-weight:700;text-transform:uppercase;letter-spacing:.04em}.layer-sequencer-row select{width:100%;min-width:0;height:24px;padding:0 6px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font-size:10px}.layer-sequencer-hint{margin:2px 0 8px;padding:6px 7px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:5px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text-muted);font-size:10px;line-height:1.35}.layer-sequencer-hint strong{color:var(--accent)}.layer-sequencer-preview{margin:0 0 8px;padding:7px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#00000029}.layer-sequencer-preview-title{margin-bottom:5px;color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.layer-sequencer-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:18px;font-size:10px}.layer-sequencer-preview-row span{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.layer-sequencer-preview-row strong{color:var(--accent);font-size:10px}.layer-sequencer-preview-more{margin-top:4px;color:var(--text-muted);font-size:9px}.layer-sequencer-apply{position:sticky;bottom:0;z-index:1;width:100%;height:26px;margin-top:2px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#041116;font-size:10px;font-weight:700;cursor:pointer}.layer-sequencer-apply:hover:not(:disabled){filter:brightness(1.05)}.layer-sequencer-apply:disabled{opacity:.4;cursor:default}.timeline-inspector{display:flex;flex-direction:column;gap:6px;padding:8px 8px 8px 80px;border-top:1px solid var(--border)}.inspector-header{display:flex;align-items:center;justify-content:space-between}.inspector-title{font-size:11px;font-weight:600;color:var(--accent-hover)}.inspector-fields{display:flex;align-items:flex-end;gap:8px}.inspector-field{display:flex;flex-direction:column;gap:2px}.inspector-label{font-size:10px;color:var(--text-muted)}.timeline-inspector input,.timeline-inspector select{font-family:inherit;font-size:12px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);width:90px}.timeline-inspector input:focus,.timeline-inspector select:focus{outline:none;border-color:var(--accent)}.timeline-delete-btn{font-size:11px;padding:4px 10px}.timeline-delete-btn:hover{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}.scrub-input{font-family:inherit;font-size:12px;width:90px;border-radius:var(--radius)}.scrub-input--display{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:ew-resize;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;transition:border-color .15s}.scrub-input--display:hover{border-color:var(--accent)}.scrub-input--display:active{border-color:var(--accent-hover);background:var(--surface2)}.scrub-value{pointer-events:none}.scrub-icon{font-size:9px;color:var(--text-muted);opacity:.5;pointer-events:none}.scrub-input--editing{font-family:inherit;font-size:12px;padding:4px 6px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg-input);color:var(--text);width:90px;outline:none}.scrub-input--compact{display:inline-flex;align-items:center;font-family:inherit;font-size:11px;color:var(--text-muted);cursor:ew-resize;-webkit-user-select:none;user-select:none;padding:0 2px;border-radius:2px;min-width:36px;text-align:right;justify-content:flex-end}.scrub-input--compact:hover{color:var(--text);background:var(--surface2)}.scrub-input--compact-edit{font-family:inherit;font-size:11px;color:var(--text);background:var(--bg);border:1px solid var(--accent);border-radius:2px;width:48px;padding:0 2px;outline:none}.curve-editor{display:flex;align-items:flex-start;gap:8px;margin-top:2px}.curve-editor-svg{width:140px;height:140px;flex-shrink:0;border-radius:var(--radius);border:1px solid var(--border);touch-action:none}.curve-editor-presets{display:flex;flex-direction:column;gap:3px}.curve-preset-btn{font-size:10px;padding:3px 8px;border:1px solid var(--border);border-radius:3px;background:var(--surface2);color:var(--text-muted);cursor:pointer;line-height:1;min-width:42px;text-align:center}.curve-preset-btn:hover{background:var(--border);border-color:var(--text-muted);color:var(--text)}.curve-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.curve-editor-values{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:9px;color:var(--text-muted);white-space:nowrap;align-self:flex-end;margin-bottom:2px}.inspector-curve-row{display:flex;gap:8px;align-items:flex-start}.track-modifier{padding:8px 12px;border-top:1px solid var(--border)}.modifier-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modifier-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.modifier-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);cursor:pointer}.modifier-toggle input{margin:0;cursor:pointer}.modifier-fields{display:flex;flex-wrap:wrap;gap:6px 12px}.modifier-field{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text)}.modifier-field span{color:var(--text-muted);min-width:56px}.modifier-field select{font-family:inherit;font-size:11px;padding:2px 4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.preset-library{display:flex;flex-direction:column;min-width:0;flex:0 0 auto;padding:4px 6px;border-top:1px solid var(--border)}.preset-library--collapsed{padding:2px 6px;border-top:1px solid var(--border)}.preset-library-header{display:flex;align-items:center;gap:4px;margin-bottom:4px;-webkit-user-select:none;user-select:none}.preset-library--collapsed .preset-library-header{margin-bottom:0}.preset-library-chevron{font-size:9px;color:var(--text-muted);width:10px;flex-shrink:0}.preset-library-title{font-size:10px;font-weight:600;text-transform:uppercase;flex:1;letter-spacing:.05em;color:var(--text-muted)}.preset-save-toggle{font-size:10px;padding:1px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text-muted);cursor:pointer}.preset-save-toggle:hover{color:var(--text);border-color:var(--accent)}.preset-save-row{display:flex;gap:4px;margin-bottom:4px}.preset-save-input{flex:1;min-width:0;padding:2px 6px;font-size:11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.preset-save-input:focus{outline:none;border-color:var(--accent)}.preset-save-confirm{font-size:10px;padding:2px 8px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer}.preset-save-confirm:disabled{opacity:.4;cursor:default}.preset-library-scroll{overflow:visible}.preset-group{margin-bottom:6px}.preset-group-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:3px}.preset-tile{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 2px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;position:relative}.preset-tile:hover{background:var(--surface2);border-color:var(--border)}.preset-tile.active{border-color:var(--accent);background:#6366f11a}.preset-thumb-svg{display:block}.preset-tile-name{font-size:8px;color:var(--text-muted);text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-tile-delete{position:absolute;top:1px;right:1px;width:14px;height:14px;font-size:10px;line-height:14px;text-align:center;border:none;background:var(--surface2);color:var(--text-muted);border-radius:50%;cursor:pointer;opacity:0}.preset-tile:hover .preset-tile-delete{opacity:1}.preset-tile-delete:hover{background:#ef4444;color:#fff}.tl-nav-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.value-graph{position:relative;height:210px;border-top:1px solid var(--border);background:var(--bg);overflow:hidden;cursor:crosshair}.vg-toolbar{position:relative;z-index:2;display:flex;align-items:center;gap:2px;padding:3px 6px;background:var(--surface, var(--bg));border-bottom:1px solid var(--border);height:26px;box-sizing:border-box}.vg-toolbar-group{display:flex;gap:1px}.vg-toolbar-sep{width:1px;height:14px;background:var(--border);margin:0 4px}.vg-toolbar-btn{font-size:10px;font-weight:500;padding:2px 6px;border:1px solid var(--border);border-radius:3px;background:var(--bg);color:var(--text-secondary, #999);cursor:pointer;line-height:1;white-space:nowrap;transition:background .1s,color .1s}.vg-toolbar-btn:hover:not(:disabled){background:var(--surface2, #333);color:var(--text-primary, #fff)}.vg-toolbar-btn--active{background:var(--accent, #4a9eff);color:#fff;border-color:var(--accent, #4a9eff)}.vg-toolbar-btn:disabled{opacity:.35;cursor:default}.vg-preset-popover{position:absolute;z-index:5;top:32px;left:8px;right:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;max-height:calc(100% - 40px);overflow:auto;padding:8px;border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--surface) 94%,#000);box-shadow:0 12px 28px #0000005c;cursor:default}.vg-preset-group{min-width:0}.vg-preset-group-label{margin-bottom:5px;color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.vg-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:5px}.vg-preset-card{min-width:0;padding:7px 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text);text-align:left;cursor:pointer}.vg-preset-card:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.vg-preset-card--motion{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.vg-preset-card:disabled{opacity:.38;cursor:default}.vg-preset-card span,.vg-preset-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vg-preset-card span{font-size:11px;font-weight:800}.vg-preset-card small{margin-top:2px;color:var(--text-muted);font-size:10px}.vg-y-axis{position:absolute;top:0;left:0;bottom:0;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;z-index:1}.vg-prop-label{position:absolute;top:2px;left:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-hover)}.vg-y-tick-label{position:absolute;right:6px;transform:translateY(-50%);font-size:9px;color:var(--text-muted);white-space:nowrap}.vg-svg{position:absolute;overflow:visible}.vg-grid-line{stroke:var(--border);stroke-width:1;stroke-dasharray:3 3;opacity:.5}.vg-curve-shadow{stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.1}.vg-curve{stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.vg-playhead{stroke:var(--text-muted);stroke-width:1;opacity:.4}.vg-dot{fill:var(--surface2);stroke:var(--accent);stroke-width:2;cursor:grab;pointer-events:all}.vg-dot:hover{fill:var(--accent);stroke:var(--accent-hover)}.vg-dot--selected{fill:var(--accent);stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 3px var(--accent))}.vg-dot--selected:hover{fill:var(--accent-hover);filter:drop-shadow(0 0 4px var(--accent-hover))}.vg-dot:active{cursor:grabbing}.vg-handle-line{stroke:var(--accent);stroke-width:1;stroke-opacity:.5;pointer-events:none}.vg-handle{fill:var(--accent);stroke:var(--surface-2);stroke-width:1.5;cursor:grab}.vg-handle:hover{fill:var(--accent-hover);filter:drop-shadow(0 0 2px var(--accent))}.vg-handle:active{cursor:grabbing}.vg-empty{display:flex;align-items:center;justify-content:center;height:120px;border-top:1px solid var(--border);background:var(--bg)}.vg-empty-text{font-size:11px;color:var(--text-muted);text-align:center;max-width:300px;line-height:1.5}.vg-marquee,.sg-marquee{fill:var(--accent, #4a9eff);fill-opacity:.12;stroke:var(--accent, #4a9eff);stroke-width:1;stroke-opacity:.5;pointer-events:none}.vg-legend{display:flex;flex-wrap:wrap;gap:2px;padding:3px 6px;background:var(--surface-1);border-top:1px solid var(--border)}.vg-legend-item{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border:none;background:transparent;color:var(--text-secondary);font-size:10px;border-radius:3px;cursor:pointer;transition:background .1s}.vg-legend-item:hover{background:var(--surface-2)}.vg-legend-item--active{color:var(--text);font-weight:600}.vg-legend-item--hidden{opacity:.35}.vg-legend-swatch{display:inline-block;width:8px;height:8px;border-radius:2px;flex-shrink:0}.vg-curve-multi{vector-effect:non-scaling-stroke;pointer-events:none}.vg-curve-add-hit,.sg-curve-add-hit{stroke:transparent;stroke-width:14px;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%3E%3Cdefs%3E%3Cfilter%20id='glow'%20x='-40%25'%20y='-40%25'%20width='180%25'%20height='180%25'%3E%3CfeGaussianBlur%20stdDeviation='1.6'%20result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode%20in='blur'/%3E%3CfeMergeNode%20in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cpath%20d='M13%203.5%2022.5%2013%2013%2022.5%203.5%2013Z'%20fill='%23071017'%20fill-opacity='.92'%20stroke='%2303c1e1'%20stroke-width='1.7'%20filter='url(%23glow)'/%3E%3Cpath%20d='M13%208.5v9M8.5%2013h9'%20stroke='%233ad7f0'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M13%204.8%2021.2%2013%2013%2021.2%204.8%2013Z'%20fill='none'%20stroke='%23eff7fa'%20stroke-opacity='.28'%20stroke-width='.8'/%3E%3C/svg%3E") 13 13,crosshair}.vg-curve-add-hit:hover,.sg-curve-add-hit:hover{stroke:#03c1e12e;filter:drop-shadow(0 0 5px rgba(3,193,225,.34))}.speed-graph{position:relative;width:100%;flex:1;min-height:0;background:var(--bg);border-top:1px solid var(--border);overflow:hidden}.sg-header{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:3px 8px;background:var(--surface);border-bottom:1px solid var(--border);height:22px;box-sizing:border-box}.sg-header-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f59e0b}.sg-header-prop{font-size:10px;font-weight:500;color:var(--text-muted)}.sg-header-unit{font-size:9px;color:var(--text-muted);opacity:.6;margin-left:auto}.sg-y-axis{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;z-index:1}.sg-y-tick-label{position:absolute;right:6px;transform:translateY(-50%);font-size:9px;color:var(--text-muted);white-space:nowrap}.sg-svg{position:absolute;overflow:visible}.sg-grid-line{stroke:var(--border);stroke-width:1;stroke-dasharray:3 3;opacity:.5}.sg-zero-line{stroke:#f59e0b;stroke-width:1;stroke-dasharray:4 2;opacity:.5}.sg-curve-fill{fill:#f59e0b;opacity:.08}.sg-curve{stroke:#f59e0b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.sg-playhead{stroke:var(--text-muted);stroke-width:1;opacity:.4}.sg-keyframe-marker{cursor:pointer}.sg-dot-hit{fill:transparent;pointer-events:all}.sg-dot-outline{fill:var(--surface);stroke:#00000080;stroke-width:1}.sg-dot{fill:var(--surface2);stroke:#f59e0b;stroke-width:2}.sg-keyframe-marker:hover .sg-dot{fill:#f59e0b;stroke:#fbbf24}.sg-keyframe-marker--selected .sg-dot{fill:#f59e0b;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 3px #f59e0b)}.sg-handle-line{stroke:var(--accent);stroke-width:1;stroke-opacity:.5;pointer-events:none}.sg-handle{fill:var(--accent);stroke:var(--surface-2);stroke-width:1.5;cursor:grab}.sg-handle:hover{fill:var(--accent-hover);filter:drop-shadow(0 0 2px var(--accent))}.sg-handle:active{cursor:grabbing}.cmd-panel{border-top:1px solid var(--border);background:var(--surface);padding:8px;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.cmd-panel--collapsed{border-top:1px solid var(--border);background:var(--surface);padding:4px 8px}.cmd-toggle-btn{font-size:9px;padding:3px 10px;border:1px solid var(--border);border-radius:3px;background:var(--surface2);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.cmd-toggle-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.cmd-header{display:flex;align-items:center;justify-content:space-between}.cmd-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-hover)}.cmd-close-btn{font-size:14px;line-height:1;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0 4px}.cmd-close-btn:hover{color:var(--text)}.cmd-examples{display:flex;flex-wrap:wrap;gap:4px}.cmd-example-btn{font-size:9px;padding:2px 8px;border:1px solid var(--border);border-radius:3px;background:var(--surface2);color:var(--text-muted);cursor:pointer}.cmd-example-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.cmd-textarea{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:10px;line-height:1.5;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);resize:vertical;min-height:80px;max-height:180px}.cmd-textarea:focus{outline:none;border-color:var(--accent)}.cmd-actions{display:flex;gap:6px}.cmd-apply-btn{font-size:10px;padding:4px 14px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;cursor:pointer;font-weight:600}.cmd-apply-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.cmd-status{font-size:10px;padding:4px 8px;border-radius:3px;white-space:pre-wrap;line-height:1.4}.cmd-status--success{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.cmd-status--error{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.prompt-panel{border-top:1px solid var(--border);background:var(--surface);padding:8px;display:flex;flex-direction:column;gap:6px}.prompt-panel--collapsed{border-top:1px solid var(--border);background:var(--surface);padding:4px 8px}.prompt-toggle-btn{font-size:9px;padding:3px 10px;border:1px solid var(--accent);border-radius:3px;background:var(--surface2);color:var(--accent-hover);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.prompt-toggle-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.prompt-selection-badge{font-size:9px;padding:1px 7px;border-radius:3px;background:#6366f126;color:var(--accent-hover);border:1px solid rgba(99,102,241,.3);white-space:nowrap}.prompt-header{display:flex;align-items:center;gap:8px}.prompt-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-hover)}.prompt-adapter{font-size:9px;color:var(--text-muted);margin-left:auto;margin-right:4px}.prompt-close-btn{font-size:14px;line-height:1;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0 4px}.prompt-close-btn:hover{color:var(--text)}.prompt-suggestions{display:flex;flex-wrap:wrap;gap:4px}.prompt-suggestion-btn{font-size:9px;padding:2px 8px;border:1px solid var(--border);border-radius:3px;background:var(--surface2);color:var(--text-muted);cursor:pointer}.prompt-suggestion-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.prompt-suggestion-btn:disabled{opacity:.5;cursor:default}.prompt-input-row{display:flex;gap:6px}.prompt-input{flex:1;font-size:12px;padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text)}.prompt-input:focus{outline:none;border-color:var(--accent)}.prompt-input::placeholder{color:var(--text-muted)}.prompt-input:disabled{opacity:.6}.prompt-generate-btn{font-size:10px;padding:4px 14px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;white-space:nowrap}.prompt-generate-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.prompt-generate-btn:disabled{opacity:.5;cursor:default}.prompt-status{font-size:10px;padding:4px 8px;border-radius:3px;white-space:pre-wrap;line-height:1.4}.prompt-status--success{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.prompt-status--error{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.prompt-variants-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.prompt-variants-label{font-size:10px;color:var(--text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-discard-btn{font-size:9px;padding:2px 8px;border:1px solid var(--border);border-radius:3px;background:var(--surface2);color:var(--text-muted);cursor:pointer;white-space:nowrap}.prompt-discard-btn:hover{color:#f87171;border-color:#ef444466}.prompt-variants{display:flex;flex-direction:column;gap:4px}.prompt-variant-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface2);cursor:default;transition:border-color .12s,background .12s}.prompt-variant-card:hover{border-color:var(--accent);background:#03c1e114}.prompt-variant-card--active{border-color:var(--accent);background:#03c1e11f;box-shadow:0 0 0 1px var(--accent)}.prompt-variant-info{display:flex;flex-direction:column;gap:1px;min-width:0}.prompt-variant-label{font-size:11px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-variant-meta{font-size:9px;color:var(--text-muted)}.prompt-variant-apply-btn{font-size:9px;padding:3px 10px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:#041116;cursor:pointer;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .12s}.prompt-variant-card:hover .prompt-variant-apply-btn{opacity:1}.prompt-variant-apply-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.prompt-applied-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.prompt-applied-header .prompt-status{flex:1;margin:0}.prompt-start-over-btn{font-size:9px;padding:3px 10px;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.prompt-start-over-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.prompt-refinement{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.prompt-refinement-label{font-size:9px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.prompt-refinement-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.prompt-refinement-chip{font-size:9px;padding:2px 8px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s,border-color .1s}.prompt-refinement-chip:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.prompt-refinement-chip:disabled{opacity:.5;cursor:default}.prompt-fresh-input{margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}.chat-bar-wrapper{position:relative;flex-shrink:0;z-index:50}.chat-popover{position:absolute;bottom:100%;left:0;right:0;display:flex;flex-direction:column;max-height:380px;background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -18px 48px #0000006b}.app-root--graph-editor-open .chat-popover{position:static;max-height:min(320px,36vh);box-shadow:0 -10px 30px #00000047}.chat-header{display:flex;align-items:center;gap:8px;padding:5px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.chat-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-hover)}.chat-adapter{font-size:9px;color:var(--text-muted);margin-left:auto}.chat-header-btn{font-size:9px;padding:2px 7px;border:1px solid var(--border);border-radius:3px;background:none;color:var(--text-muted);cursor:pointer}.chat-header-btn:hover{color:var(--text);border-color:var(--text-muted)}.chat-close-btn{font-size:14px;line-height:1;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0 4px}.chat-close-btn:hover{color:var(--text)}.chat-messages{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.chat-chip{font-size:9px;padding:3px 9px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s,border-color .1s}.chat-chip:hover:not(:disabled){background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.chat-chip:disabled{opacity:.5;cursor:default}.chat-chip--refinement{border-radius:10px}.chat-chip--new-topic{border-color:#fbbf244d;color:#fbbf24}.chat-chip--new-topic:hover:not(:disabled){background:#fbbf241f;border-color:#fbbf24;color:#fbbf24}.chat-msg{display:flex}.chat-msg--user{justify-content:flex-end}.chat-msg--assistant,.chat-msg--system{justify-content:flex-start}.chat-msg-bubble{max-width:90%;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1.4;word-break:break-word}.chat-msg-bubble--user{background:var(--accent);color:#041116;border-bottom-right-radius:2px}.chat-msg-bubble--assistant{background:var(--surface2);color:var(--text);border-bottom-left-radius:2px;max-width:100%;width:100%}.chat-msg-status{font-size:10px;color:var(--text-muted);padding:2px 0;font-style:italic}.chat-msg-status--loading{color:var(--accent)}.chat-loading-dots span{animation:chat-dot-pulse 1.2s infinite;opacity:.3}.chat-loading-dots span:nth-child(2){animation-delay:.2s}.chat-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes chat-dot-pulse{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-msg-error{font-size:10px;padding:4px 8px;border-radius:4px;background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25);white-space:pre-wrap;line-height:1.4}.chat-error-hint{font-size:9px;color:var(--text-muted);margin-top:3px;font-style:italic}.chat-msg-applied{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.chat-applied-header{font-size:10px;font-weight:600;color:#4ade80;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.chat-applied-line{font-size:10px;color:var(--text-dim);line-height:1.5;font-family:var(--font-mono, monospace)}.chat-msg-updated{background:#03c1e114;border:1px solid rgba(3,193,225,.2)}.chat-updated-header{font-size:10px;font-weight:600;color:var(--accent-hover);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.chat-updated-diff-line{font-size:10px;color:var(--text-dim);line-height:1.6;font-family:var(--font-mono, monospace);display:flex;gap:4px;align-items:baseline}.chat-updated-label{color:var(--text-dim);flex-shrink:0}.chat-updated-before{color:#ffffff59;text-decoration:line-through}.chat-updated-arrow{color:#ffffff40;flex-shrink:0}.chat-updated-after{color:var(--accent-hover);font-weight:500}.chat-variants-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.chat-context-badge{font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.chat-context-badge--fresh{background:var(--accent-soft);color:var(--accent)}.chat-context-badge--refine{background:#fbbf2426;color:#d97706}.chat-mode-badge{font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;flex-shrink:0}.chat-mode-badge--refine{background:#fbbf2426;color:#d97706}.chat-variants-label{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-variants{display:flex;flex-direction:column;gap:3px}.chat-variant-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg);cursor:default;transition:border-color .12s,background .12s}.chat-variant-card:hover{border-color:var(--accent);background:#03c1e10f}.chat-variant-card--preview{border-color:var(--accent);background:#03c1e11f;box-shadow:0 0 0 1px var(--accent)}.chat-variant-card--applied{border-color:#22c55e66;background:#22c55e14}.chat-variant-card--dimmed{opacity:.4}.chat-variant-card--inactive{opacity:.6}.chat-variant-info{display:flex;align-items:center;gap:6px;min-width:0}.chat-variant-number{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#03c1e11f;color:var(--accent);font-size:9px;font-weight:700;flex-shrink:0}.chat-variant-card--applied .chat-variant-number{background:#22c55e26;color:#22c55e}.chat-variant-label{font-size:11px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-variant-meta{font-size:9px;color:var(--text-muted)}.chat-variant-apply-btn{font-size:9px;padding:3px 10px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:#041116;cursor:pointer;font-weight:600;white-space:nowrap;opacity:1;transition:background .12s,border-color .12s}.chat-variant-apply-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.chat-discard-btn{font-size:9px;padding:2px 8px;border:1px solid var(--border);border-radius:3px;background:none;color:var(--text-muted);cursor:pointer;margin-top:4px;align-self:flex-start}.chat-discard-btn:hover{color:#f87171;border-color:#ef444466}.chat-variants-hint{font-size:9px;color:var(--text-muted);margin-top:3px;font-style:italic;opacity:.7}.chat-reactivate-btn{font-size:9px;padding:2px 8px;border:1px solid var(--border);border-radius:3px;background:none;color:var(--text-muted);cursor:pointer;margin-top:4px;align-self:flex-start}.chat-reactivate-btn:hover{color:var(--accent);border-color:var(--accent)}.chat-msg-bubble--reactivatable{opacity:.7;transition:opacity .15s}.chat-msg-bubble--reactivatable:hover{opacity:1}.chat-msg-bubble--active-variants{border:1px solid var(--accent-border);box-shadow:0 0 0 1px #03c1e11f}.chat-refinement-chips{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px;border-top:1px solid var(--border);flex-shrink:0}.motion-director-debug{margin:8px;padding:10px;border:1px solid rgba(125,180,255,.28);border-radius:8px;background:#121822f0;color:#e9eef8}.motion-director-debug__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.motion-director-debug__title{font-size:12px;font-weight:700}.motion-director-debug__subtitle,.motion-director-debug__label,.motion-director-debug__group-title{font-size:11px;color:#e9eef8b8}.motion-director-debug__field{display:grid;gap:4px;font-size:11px;margin-bottom:10px}.motion-director-debug__field input{height:28px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff0f;color:inherit;padding:0 8px}.motion-director-debug__benchmarks{display:grid;gap:8px;margin-bottom:10px}.motion-director-debug__chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.motion-director-debug__chip,.motion-director-debug__apply{border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff12;color:inherit;font-size:11px;padding:5px 7px}.motion-director-debug__chip:hover,.motion-director-debug__apply:hover:not(:disabled){background:#7db4ff2e}.motion-director-debug__chip:disabled{opacity:.45;cursor:not-allowed}.motion-director-debug__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.motion-director-debug pre{min-height:74px;max-height:150px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:4px 0 0;padding:8px;border-radius:6px;background:#0000003d;font-size:10px;line-height:1.35}.motion-director-debug__apply{margin-top:10px;width:100%;font-weight:700}.motion-director-debug__apply:disabled{opacity:.45;cursor:not-allowed}.chat-input-bar{display:flex;align-items:center;gap:10px;padding:18px 20px;background:linear-gradient(90deg,rgba(3,193,225,.08),transparent 38%),var(--surface);border-top:1px solid var(--border);flex-shrink:0;min-height:104px}.chat-collapse-btn,.chat-expand-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#05111694;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.chat-collapse-btn:hover,.chat-expand-btn:hover{color:var(--accent-hover);border-color:var(--accent-border);background:#03c1e114}.chat-collapse-btn{width:40px;height:40px;border-radius:10px}.chat-collapse-icon{display:block;flex-shrink:0}.chat-collapsed-bar{display:flex;justify-content:flex-end;align-items:center;min-height:44px;padding:6px 20px;background:linear-gradient(90deg,rgba(3,193,225,.05),transparent 38%),var(--surface);border-top:1px solid var(--border);flex-shrink:0}.chat-expand-btn{gap:7px;min-width:94px;height:32px;padding:0 11px;border-radius:9px;font-size:11px;font-weight:700}.chat-collapsed-status{color:var(--accent-hover);font-size:10px;font-weight:600}.chat-target-scope{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--border);border-radius:8px;background:#05111694;flex-shrink:0}.chat-target-scope-label{padding:0 2px 0 5px;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.chat-target-scope-btn,.chat-clear-selection-btn{border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.chat-target-scope-btn{padding:7px 10px}.chat-target-scope-btn:hover,.chat-clear-selection-btn:hover{color:var(--accent-hover);border-color:var(--accent-border);background:#03c1e114}.chat-target-scope-btn--active{background:var(--accent-soft);color:var(--accent-hover);border-color:var(--accent-border)}.chat-clear-selection-btn{width:26px;height:26px;padding:0;display:grid;place-items:center}.chat-selection-badge{font-size:11px;padding:6px 10px;border-radius:6px;background:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent-border);white-space:nowrap;flex-shrink:0}.chat-input{flex:1;font-size:16px;padding:20px 22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-input);color:var(--text);min-width:0;height:64px}.chat-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border),0 0 18px #03c1e11f}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.6}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:none;border-radius:14px;background:var(--accent);color:#041116;cursor:pointer;flex-shrink:0;transition:background .12s}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.35;cursor:default}.chat-mic-btn{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid var(--border);border-radius:14px;background:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.chat-mic-btn:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.chat-mic-btn:disabled{opacity:.4;cursor:default}.chat-mic-btn--listening{color:#ef4444;border-color:#ef444480;background:#ef444414;animation:chat-mic-pulse 1.5s ease-in-out infinite}.chat-mic-btn--listening:hover:not(:disabled){color:#dc2626;border-color:#ef4444b3;background:#ef44441f}.chat-mic-btn--error{color:#f97316;border-color:#f9731666}@keyframes chat-mic-pulse{0%,to{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 0 4px #ef44441a}}.chat-mic-icon{display:flex;align-items:center;justify-content:center;line-height:1}.chat-mic-voice{display:grid;place-items:center;gap:4px;width:38px;height:38px}.chat-mic-waveform{display:flex;align-items:center;justify-content:center;gap:3px;width:36px;height:24px}.chat-mic-wave-bar{width:3px;height:22px;border-radius:999px;background:linear-gradient(180deg,#7df2ff,#23b9d5 52%,#ef4444);box-shadow:0 0 8px #23b9d559;transform-origin:center;transition:transform 70ms linear}.chat-mic-stop-square{width:7px;height:7px;border-radius:2px;background:#ef4444;box-shadow:0 0 8px #ef444473}.chat-mic-icon--active{animation:chat-mic-icon-pulse .8s ease-in-out infinite}@keyframes chat-mic-icon-pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-voice-interim{padding:3px 8px;border-top:1px solid var(--border);flex-shrink:0}.chat-voice-interim-text{font-size:11px;color:var(--text-muted);font-style:italic}.chat-voice-error{padding:4px 8px;font-size:10px;color:#f97316;border-top:1px solid var(--border);flex-shrink:0}.ss-panel{padding:8px 10px;display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text);overflow-y:auto}.ss-panel--empty{padding:16px 10px;display:flex;align-items:center;justify-content:center}.ss-empty-msg{color:var(--text-dim, #888);font-size:11px;font-style:italic}.ss-control-row{display:flex;align-items:center;gap:8px}.ss-control-label{font-size:11px;color:var(--text-dim, #aaa);min-width:52px;flex-shrink:0;-webkit-user-select:none;user-select:none}.ss-control-row .scrub-input-wrapper{flex:1}.ss-scale-readout{font-size:10px;color:var(--text-dim, #888);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:72px;text-align:right}.ss-presets{display:flex;flex-direction:column;gap:4px}.ss-presets-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim, #888)}.ss-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.ss-preset-btn{background:var(--surface-raised, #2a2a2a);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:10px;padding:4px 2px;cursor:pointer;transition:background .12s,border-color .12s;text-align:center}.ss-preset-btn:hover{background:var(--surface-hover, #333);border-color:var(--accent, #5b8def)}.ss-preset-btn:active{background:var(--accent, #5b8def);color:#fff}.ss-advanced-toggle{background:none;border:none;color:var(--text-dim, #888);font-size:10px;cursor:pointer;padding:2px 0;text-align:left}.ss-advanced-toggle:hover{color:var(--text)}.ss-advanced{display:flex;flex-direction:column;gap:4px;padding-left:4px}.ss-checkbox-row{display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer}.ss-checkbox-row input[type=checkbox]{width:12px;height:12px;accent-color:var(--accent, #5b8def)}.ss-clear-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-dim, #888);font-size:10px;padding:3px 8px;cursor:pointer;align-self:flex-start;margin-top:2px;transition:color .12s,border-color .12s}.ss-clear-btn:hover{color:#f97316;border-color:#f97316}.ss-mode-toggle{display:flex;gap:1px;margin-bottom:8px;background:#1a1a2e;border-radius:6px;overflow:hidden}.ss-mode-btn{flex:1;padding:5px 0;border:none;background:transparent;color:#888;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.ss-mode-btn:hover{color:#ccc}.ss-mode-btn--active{background:#2a2a4a;color:#e0e0e0}.ss-auto-controls{display:flex;flex-direction:column;gap:6px}.ss-source-toggle{display:flex;gap:1px;background:#1a1a2e;border-radius:4px;overflow:hidden;flex:1}.ss-source-btn{flex:1;padding:4px 8px;border:none;background:transparent;color:#777;font-size:10px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.ss-source-btn:hover{color:#aaa}.ss-source-btn--active{background:#2a2a4a;color:#a5b4fc}.ss-auto-hint{margin:4px 0 0;font-size:10px;color:#666;line-height:1.3}.composition-switcher{display:flex;align-items:center;gap:4px;align-self:stretch;min-height:28px;margin:5px 8px 0;padding:2px 4px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:#081118c7;box-shadow:0 10px 26px #0000002e;overflow:hidden;flex-shrink:0}.composition-switcher-tabs{display:flex;align-items:center;gap:2px;min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.composition-tab{display:inline-flex;align-items:center;gap:3px;min-width:34px;max-width:96px;min-height:21px;padding:2px 6px;border-color:#ffffff12;border-radius:4px;color:var(--text-secondary);background:#ffffff09;font-size:9px;line-height:1}.composition-tab:hover{color:var(--text);border-color:#03c1e152;background:#03c1e114}.composition-tab--active{color:#041116;border-color:var(--accent);background:var(--accent);box-shadow:0 0 14px #03c1e133}.composition-tab--active:hover{color:#041116;background:var(--accent-hover)}.composition-tab-home{flex:0 0 auto;font-size:11px;line-height:1}.composition-tab-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composition-switcher-select{flex:0 1 112px;min-width:78px;height:22px;padding:2px 5px;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--text-secondary);background:#ffffff0a;font-size:9px}.composition-switcher-add{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;min-width:22px;height:22px;padding:0;border-radius:4px;color:var(--accent);font-size:14px;line-height:1}.composition-switcher-add:hover{border-color:#03c1e16b;background:#03c1e11a}.comp-breadcrumbs{display:flex;align-items:center;padding:4px 12px;background:#1a1a2e;border-bottom:1px solid #333;font-size:11px;gap:2px;flex-shrink:0;align-self:stretch}.comp-breadcrumb-segment{display:flex;align-items:center;gap:4px}.comp-breadcrumb-sep{color:#555;font-size:10px;padding:0 2px}.comp-breadcrumb-btn{background:none;border:none;color:#888;cursor:pointer;padding:2px 6px;border-radius:3px;font-size:11px;transition:color .15s,background .15s}.comp-breadcrumb-btn:hover{color:#ccc;background:#2a2a3a}.comp-breadcrumb-btn--current{color:#e0e0e0;font-weight:600;cursor:default}.comp-breadcrumb-btn--current:hover{background:none}.comp-breadcrumb-home{opacity:.7}.tl-layer-header--comp{background:linear-gradient(90deg,#1a2035,#1a1a2e);border-left:2px solid #4a6fa5}.tl-layer-header--comp.tl-layer-header--selected{background:linear-gradient(90deg,#1e2a45,#1a1f3a)}.tl-comp-icon{font-size:11px;color:#5a8fd4;margin-right:3px;flex-shrink:0}.tl-comp-dive-btn{background:none;border:none;color:#5a8fd4;cursor:pointer;font-size:11px;padding:1px 4px;border-radius:3px;opacity:.7;transition:opacity .15s;flex-shrink:0}.tl-comp-dive-btn:hover{opacity:1;background:#1e2a45}.tl-nav-btn--precomp{color:#5a8fd4}.preview-comp-layer{position:absolute;pointer-events:auto}.preview-comp-missing{position:absolute;display:flex;align-items:center;justify-content:center;width:120px;height:80px;background:#ff646433;border:1px dashed #f66;color:#f88;font-size:10px;border-radius:3px}.preview-inner-layer{pointer-events:none}.preview-null{position:absolute;width:var(--null-size, 40px);height:var(--null-size, 40px);left:calc(50% - var(--null-size, 40px) / 2);top:calc(50% - var(--null-size, 40px) / 2);pointer-events:auto;cursor:pointer}.preview-null:before,.preview-null:after{content:"";position:absolute}.preview-null:before{inset:0;background:linear-gradient(var(--null-color, #888),var(--null-color, #888)) 50% 0 / 1px 100% no-repeat,linear-gradient(var(--null-color, #888),var(--null-color, #888)) 0 50% / 100% 1px no-repeat;opacity:.72}.preview-null:after{width:8px;height:8px;left:50%;top:50%;border-radius:999px;background:var(--null-color, #888);border:1.5px solid #071217;box-shadow:0 0 0 1px #d8f7ff52;opacity:.95;transform:translate(-50%,-50%)}.tl-parent-select{font-size:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:var(--text-muted, #888);padding:1px 2px;max-width:60px;cursor:pointer;flex-shrink:0}.tl-parent-select:hover{border-color:#ffffff40}.tl-parent-pickwhip-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid rgba(3,193,225,.28);border-radius:999px;background:#03c1e114;color:var(--accent, #03c1e1);cursor:grab;flex-shrink:0;font-size:13px;line-height:1}.tl-parent-pickwhip-btn:hover{border-color:#03c1e18c;background:#03c1e129}.tl-parent-pickwhip-btn:active{cursor:grabbing}.tl-parent-badge{font-size:9px;color:var(--accent, #03c1e1);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px;flex-shrink:0}.tl-null-icon{font-size:11px;margin-right:2px;color:var(--accent, #7c6cfa);opacity:.8;flex-shrink:0}.color-picker-popover{width:220px;background:#1f1f1f;border:1px solid var(--border);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px #0006;-webkit-user-select:none;user-select:none}.color-picker-sv{position:relative;width:100%;height:140px;border-radius:4px;cursor:crosshair;touch-action:none}.color-picker-sv-cursor{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #0009}.color-picker-hue{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.color-picker-hue-thumb,.color-picker-alpha-thumb{position:absolute;top:50%;width:4px;height:16px;background:#fff;border:1px solid #000;border-radius:2px;transform:translate(-50%,-50%);pointer-events:none}.color-picker-alpha{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;background-image:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.color-picker-hex-row,.color-picker-rgb-row{display:flex;align-items:center;gap:4px;font-size:11px;color:#bbb}.color-picker-hex-row label,.color-picker-rgb-row label{font-family:ui-monospace,monospace;width:14px;text-align:center}.color-picker-hex-row input{flex:1;background:#111;border:1px solid var(--border);color:#ddd;padding:3px 6px;font-family:ui-monospace,monospace;font-size:11px;border-radius:3px}.color-picker-rgb-row input{width:40px;background:#111;border:1px solid var(--border);color:#ddd;padding:3px 4px;font-family:ui-monospace,monospace;font-size:11px;border-radius:3px}.color-picker-recents{display:flex;gap:4px;padding-top:6px;margin-top:2px;border-top:1px solid var(--border);flex-wrap:wrap}.color-picker-recent-swatch{width:16px;height:16px;border:1px solid rgba(255,255,255,.1);border-radius:3px;cursor:pointer;padding:0;background-clip:padding-box}.color-picker-recent-swatch:hover{border-color:#fff6}.color-picker-recents-clear{margin-left:auto;background:transparent;border:none;color:#666;cursor:pointer;font-size:11px;padding:0 4px;line-height:18px}.color-picker-recents-clear:hover{color:#aaa}.color-picker-eyedropper-btn{background:#111;border:1px solid var(--border);color:#ddd;padding:2px 5px;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;margin-left:4px}.color-picker-eyedropper-btn:hover{border-color:#888;color:#fff}.shape-color-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px;color:#bbb}.shape-color-row>span:first-child{flex:0 0 70px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#888}.polygon-points-stack{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.polygon-points-control{display:grid;grid-template-columns:24px minmax(48px,1fr) 24px;align-items:center;gap:6px;flex:1}.corner-radius-control{display:grid;grid-template-columns:auto minmax(54px,1fr) auto auto;align-items:center;gap:6px;flex:1;min-width:0}.polygon-points-readout{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:0}.polygon-points-stepper{width:24px;height:24px;border:1px solid var(--border);border-radius:4px;background:#ffffff09;color:var(--text);font-size:13px;font-weight:700;line-height:1;cursor:pointer}.polygon-points-stepper:hover:not(:disabled){border-color:#03c1e1bf;background:#03c1e11f;color:var(--accent)}.polygon-points-stepper:disabled{cursor:not-allowed;opacity:.35}.shape-color-swatch{width:18px;height:18px;border:1px solid var(--border);border-radius:3px;cursor:pointer;padding:0;background-clip:padding-box}.shape-color-swatch--none{background-image:linear-gradient(45deg,transparent 45%,#f33 45%,#f33 55%,transparent 55%)}.shape-eyedropper-btn{width:24px;height:24px;border:1px solid rgba(148,169,181,.34);border-radius:4px;background:#ffffff0a;color:#a9bac4;cursor:crosshair;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:0 0 24px}.shape-eyedropper-btn svg{display:block}.shape-eyedropper-btn:hover:not(:disabled),.shape-eyedropper-btn--picking{border-color:#03c1e1b3;background:#03c1e129;color:var(--accent)}.shape-eyedropper-btn:disabled{cursor:not-allowed;opacity:.38}.line-color-control{display:inline-flex;align-items:center;gap:6px}.shape-color-hex-input{flex:1;background:#111;border:1px solid var(--border);color:#ddd;padding:3px 6px;font-family:ui-monospace,monospace;font-size:11px;border-radius:3px;min-width:0}.shape-color-none-toggle{display:flex;align-items:center;gap:4px;font-size:10px;color:#888}.shape-stroke-align-select{background:#111;border:1px solid var(--border);color:#ddd;padding:2px 4px;font-size:10px;border-radius:3px;margin-left:4px;font-family:inherit}.import-html-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.import-html-modal{box-sizing:border-box;background:#1f1f1f;border:1px solid var(--border);border-radius:6px;width:920px;max-width:94vw;height:760px;max-height:90vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;box-shadow:0 12px 32px #00000080}.import-html-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.import-html-modal-header h2{font-size:14px;margin:0;color:#ddd;font-weight:500}.import-html-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:4px 8px}.import-html-modal-close:hover{color:#fff}.import-html-modal-textarea{flex:1;margin:12px 16px;width:calc(100% - 32px);min-width:0;box-sizing:border-box;background:#111;border:1px solid var(--border);color:#ddd;padding:10px;font-family:ui-monospace,monospace;font-size:12px;border-radius:4px;resize:none}.import-html-mode-section{padding:12px 16px 0}.import-html-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.import-html-mode-btn{height:30px;border:1px solid var(--border);border-radius:4px;background:var(--surface2);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.import-html-mode-btn.active{border-color:var(--accent);background:#4a9eff24;color:var(--accent-hover)}.import-html-url-section{padding:12px 16px 0}.import-html-url-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto auto;gap:8px;align-items:center}.import-html-url-input{height:32px;min-width:0;border:1px solid var(--border);border-radius:4px;background:#111;color:#ddd;padding:0 9px;font:inherit;font-size:12px}.import-html-url-input:focus{border-color:var(--accent);outline:none}.import-html-url-submit{height:32px;white-space:nowrap}.import-html-url-full-page{grid-column:3 / 5;width:100%}.import-html-picked-label{margin-top:8px;padding:6px 8px;border:1px solid rgba(3,193,225,.28);border-radius:4px;background:#03c1e114;color:var(--text-primary, #ddd);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-html-preview-shell{margin-top:10px;height:min(640px,62vh);min-height:320px;border:1px solid var(--border-subtle, #333);border-radius:4px;background:#05080a;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.import-html-preview-viewport{position:relative;flex:0 0 auto}.import-html-preview-frame{display:block;position:absolute;top:0;left:0;border:0;background:#fff;transform-origin:top left}@media(max-width:640px){.import-html-url-grid{grid-template-columns:1fr}.import-html-url-submit{width:100%}.import-html-url-full-page{grid-column:auto}}.import-html-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.import-html-modal-cancel,.import-html-modal-insert{padding:6px 16px;border-radius:4px;font-size:12px;cursor:pointer;border:1px solid var(--border);font-family:inherit}.import-html-modal-cancel{background:none;color:#ddd}.import-html-modal-cancel:disabled{opacity:.4;cursor:not-allowed}.import-html-modal-insert{background:var(--accent);color:#fff;border-color:var(--accent)}.import-html-modal-insert:disabled{opacity:.4;cursor:not-allowed}.html-document-layer{position:absolute;pointer-events:auto}.preview-svg-document-layer{pointer-events:auto}.preview-svg-document-layer>svg{width:100%;height:100%;display:block}.preview-svg-document-layer [data-curvelab-svg-id]{visibility:visible}.preview-svg-child-layer{pointer-events:auto;overflow:visible}.html-document-iframe{width:100%;height:100%;border:none;background:#fff;display:block;pointer-events:none}.html-puppet-layer{position:absolute;pointer-events:auto;background:transparent}.preview-panel--select-mode .preview-stage [data-curvelab-target-id]{cursor:pointer}.gradient-editor{display:flex;flex-direction:column;gap:8px;padding:8px 0}.gradient-editor-type{display:flex;gap:4px}.gradient-type-btn{flex:1;padding:4px 8px;font-size:11px;background:var(--bg-input, #1a1a1a);color:var(--text-primary, #ddd);border:1px solid var(--border-subtle, #333);border-radius:4px;cursor:pointer}.gradient-type-btn--active{background:var(--accent, #4a9eff);color:#fff;border-color:var(--accent, #4a9eff)}.gradient-bar{position:relative;height:24px;border-radius:4px;background:var(--bg-input, #1a1a1a);box-shadow:inset 0 0 0 1px #0006;cursor:copy}.gradient-stop-marker{position:absolute;top:-4px;width:14px;height:32px;border:2px solid white;border-radius:3px;box-shadow:0 1px 3px #0006;cursor:ew-resize;transition:opacity 80ms ease-out;z-index:1}.gradient-stop-marker--deleting{opacity:.3}.gradient-controls-row{display:flex;align-items:center;gap:8px;padding-top:4px}.gradient-angle-dial{cursor:pointer;-webkit-user-select:none;user-select:none}.gradient-numeric-input{width:50px;padding:4px 6px;background:var(--bg-input, #1a1a1a);color:var(--text-primary, #ddd);border:1px solid var(--border-subtle, #333);border-radius:4px;font-size:12px}.gradient-unit-label{font-size:11px;color:var(--text-secondary, #888)}.gradient-position-widget{position:relative;width:60px;height:60px;background:var(--bg-input, #1a1a1a);border:1px solid var(--border-subtle, #333);border-radius:4px;cursor:crosshair;flex-shrink:0}.gradient-position-dot{position:absolute;width:8px;height:8px;background:var(--accent, #4a9eff);border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.gradient-radius-slider{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.gradient-radius-slider input[type=range]{flex:1;min-width:0}.gradient-keyframe-inspector{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--border-subtle, #333)}.gradient-inspector-title{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.gradient-inspector-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-primary, #ddd)}.gradient-inspector-keyframe-count{color:var(--text-secondary, #888);font-size:11px}.fill-mode-toggle{padding:4px 8px;font-size:11px;background:var(--bg-input, #1a1a1a);color:var(--text-primary, #ddd);border:1px solid var(--border-subtle, #333);border-radius:4px;cursor:pointer}.fill-mode-toggle--gradient{background:var(--accent, #4a9eff);color:#fff;border-color:var(--accent, #4a9eff)}.export-handoff-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.export-handoff-modal{background:var(--bg-panel, #1e1e1e);border:1px solid var(--border-subtle, #333);border-radius:8px;width:min(900px,90vw);max-height:90vh;overflow-y:auto;padding:16px;color:var(--text-primary, #ddd);font-family:-apple-system,BlinkMacSystemFont,sans-serif}.export-handoff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle, #333)}.export-handoff-header h2{margin:0;font-size:16px}.export-handoff-close{background:none;border:none;color:var(--text-secondary, #888);font-size:18px;cursor:pointer;padding:4px 8px}.export-handoff-meta{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.export-handoff-badge{padding:4px 10px;border-radius:4px;font-weight:600;font-size:12px;letter-spacing:.5px;flex-shrink:0}.export-handoff-badge--css{background:#2d6cdf;color:#fff}.export-handoff-badge--waapi{background:#d97706;color:#fff}.export-handoff-reasons{margin:0;padding-left:20px;font-size:12px;color:var(--text-secondary, #aaa)}.export-handoff-section{margin-bottom:14px}.export-handoff-section h3{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #888)}.export-handoff-bindings{width:100%;font-size:12px;border-collapse:collapse}.export-handoff-bindings td{padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.export-handoff-bindings code{background:#ffffff0f;padding:1px 5px;border-radius:3px;font-family:SF Mono,Menlo,monospace}.export-handoff-binding-source{color:var(--text-secondary, #888);font-size:11px}.export-handoff-warnings{margin:0;padding-left:20px;font-size:12px;color:#f0a020}.export-handoff-code{background:var(--bg-input, #0a0a0a);border:1px solid var(--border-subtle, #333);border-radius:4px;padding:12px;font-family:SF Mono,Menlo,monospace;font-size:11px;max-height:300px;overflow:auto;white-space:pre;margin:0;color:#ddd}.export-handoff-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle, #333)}.export-handoff-action{padding:8px 16px;background:var(--bg-input, #1a1a1a);color:var(--text-primary, #ddd);border:1px solid var(--border-subtle, #333);border-radius:4px;cursor:pointer;font-size:12px}.export-handoff-action--primary{background:var(--accent, #4a9eff);color:#fff;border-color:var(--accent, #4a9eff)}.chat-messages--gate{padding:8px 12px}.api-key-gate-collapse-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;color:var(--text-primary, #ddd);border:1px solid var(--border-subtle, #333);border-radius:4px;cursor:pointer;font-family:inherit;font-size:12px;text-align:left;margin-bottom:8px}.api-key-gate-collapse-toggle:hover{background:#ffffff0a}.api-key-gate-collapse-chevron{font-size:9px;color:var(--text-secondary, #888);flex-shrink:0;width:10px;text-align:center}.api-key-gate-collapse-label{flex:1;font-size:12px;color:var(--text-primary, #ddd)}.import-html-folder-section,.import-html-paste-section{box-sizing:border-box;margin-bottom:12px;padding:0 16px}.import-html-paste-section{display:flex;flex:1;flex-direction:column;min-height:120px}.import-html-paste-section .import-html-modal-textarea{margin:12px 0 0;width:100%}.import-html-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #888);margin-bottom:4px}.import-html-section-help{font-size:11px;color:var(--text-secondary, #999);margin-bottom:8px}.import-html-folder-pick-btn{padding:8px 14px;background:var(--accent, #4a9eff);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit}.import-html-folder-pick-btn:disabled{opacity:.6;cursor:not-allowed}.import-html-folder-error{margin-top:8px;padding:8px;background:#dc50321a;border:1px solid rgba(220,80,50,.3);border-radius:4px;color:#f3a78f;font-size:12px}.import-html-folder-status{margin-top:10px;padding:10px;background:#4a9eff0f;border:1px solid rgba(74,158,255,.2);border-radius:4px;font-size:12px;color:var(--text-primary, #ddd);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.import-html-folder-summary{margin-top:10px}.import-html-folder-summary .import-html-folder-status{margin-top:0}.import-html-folder-report{padding:8px 10px;border:1px solid rgba(74,158,255,.2);border-top:0;border-radius:0 0 4px 4px;color:var(--text-secondary, #aaa);font-size:11px}.import-html-folder-report ul{margin:6px 0 0;padding-left:18px;color:#f3c98f}.import-html-folder-preview-shell{height:220px;overflow:hidden;border:1px solid rgba(74,158,255,.2);border-top:0;border-radius:0 0 4px 4px;background:#05080a}.import-html-folder-preview-frame{width:1280px;height:800px;border:0;background:#fff;transform:scale(.27);transform-origin:top left}.import-html-folder-motion-capture{border-radius:0;margin-top:0}.import-html-folder-motion-runtime{position:fixed;left:-20000px;top:0;width:1280px;height:800px;overflow:hidden;opacity:0;pointer-events:none}.import-html-folder-motion-runtime iframe{width:1280px;height:800px;border:0}.import-html-folder-status select{background:var(--bg-input, #1a1a1a);color:var(--text-primary, #ddd);border:1px solid var(--border-subtle, #333);border-radius:3px;padding:2px 4px;font-size:12px}.import-html-folder-status code{background:#ffffff0f;padding:1px 5px;border-radius:3px;font-family:SF Mono,Menlo,monospace;font-size:11px}.import-html-divider{text-align:center;font-size:11px;color:var(--text-secondary, #777);text-transform:uppercase;letter-spacing:1px;margin:8px 0;position:relative}.import-html-divider:before,.import-html-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 20px);height:1px;background:var(--border-subtle, #333)}.import-html-divider:before{left:0}.import-html-divider:after{right:0}.provider-gate{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--bg-panel, #1e1e1e);border-radius:6px}.provider-gate-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-subtle, #333);margin-bottom:4px}.provider-gate-tab{flex:1;padding:8px 4px;background:transparent;color:var(--text-secondary, #888);border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-family:inherit;text-align:center}.provider-gate-tab:hover{color:var(--text-primary, #ddd)}.provider-gate-tab--active{color:var(--accent, #4a9eff);border-bottom-color:var(--accent, #4a9eff)}.provider-gate-body{display:flex;flex-direction:column;gap:10px}.provider-gate-login-btn{padding:10px 14px;background:linear-gradient(180deg,#c4441b,#a73615);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit}.provider-gate-login-btn:hover{background:linear-gradient(180deg,#d94a1f,#b83a18)}.provider-gate-login-btn:disabled{opacity:.6;cursor:not-allowed}.provider-gate-help{font-size:11px;color:var(--text-secondary, #888);line-height:1.4}.provider-gate-help--desktop-cli{color:#bdd6e2;background:#03c1e114;border:1px solid rgba(3,193,225,.24);border-radius:4px;padding:8px 10px}.provider-gate-help code,.provider-gate-warning code{background:#ffffff0f;padding:1px 4px;border-radius:3px;font-family:SF Mono,Menlo,monospace;font-size:10px}.provider-gate-divider{text-align:center;font-size:10px;color:var(--text-secondary, #777);text-transform:uppercase;letter-spacing:1px;margin:6px 0 4px;position:relative}.provider-gate-divider:before,.provider-gate-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 60px);height:1px;background:var(--border-subtle, #333)}.provider-gate-divider:before{left:0}.provider-gate-divider:after{right:0}.provider-gate-field{display:flex;flex-direction:column;gap:4px}.provider-gate-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #888)}.provider-gate-row{display:flex;gap:6px;align-items:center}.provider-gate-input{flex:1;padding:6px 8px;background:var(--bg-input, #1a1a1a);border:1px solid var(--border-subtle, #333);border-radius:4px;color:var(--text-primary, #ddd);font-family:SF Mono,Menlo,monospace;font-size:11px}.provider-gate-model-select{flex:1;padding:6px 8px;background:var(--bg-input, #1a1a1a);border:1px solid var(--border-subtle, #333);border-radius:4px;color:var(--text-primary, #ddd);font-size:12px}.provider-gate-secondary-btn{padding:6px 12px;background:var(--bg-input, #1a1a1a);color:var(--text-primary, #ddd);border:1px solid var(--border-subtle, #333);border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit}.provider-gate-secondary-btn:hover{background:#ffffff0f}.provider-gate-save-btn{padding:6px 14px;background:var(--accent, #4a9eff);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit}.provider-gate-save-btn:disabled{opacity:.6;cursor:not-allowed}.provider-gate-link{font-size:11px;color:var(--accent, #4a9eff);text-decoration:none;align-self:flex-start}.provider-gate-link:hover{text-decoration:underline}.provider-gate-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:4px}.provider-gate-error{font-size:11px;color:#f3a78f;background:#dc50321a;border:1px solid rgba(220,80,50,.3);padding:6px 8px;border-radius:4px}.provider-gate-warning{font-size:11px;color:#f0a020;background:#f0a02014;border:1px solid rgba(240,160,32,.25);padding:6px 8px;border-radius:4px}.chat-input-gear-btn{background:transparent;color:var(--text-secondary, #888);border:1px solid var(--border-subtle, #333);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;margin-right:4px;flex-shrink:0}.chat-input-gear-btn:hover{color:var(--text-primary, #ddd);background:#ffffff0a}.cli-status{display:flex;flex-direction:column;gap:6px;padding:10px;background:#ffffff08;border:1px solid var(--border-subtle, #333);border-radius:4px}.cli-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cli-status-badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:3px}.cli-status-badge--idle{background:#ffffff0f;color:var(--text-secondary, #888)}.cli-status-badge--checking{background:#4a9eff26;color:#82bfff}.cli-status-badge--connected{background:#28c86426;color:#6cdb95}.cli-status-badge--needs-auth{background:#f0a02026;color:#f0a020}.cli-status-badge--bridge-error{background:#f0a02026;color:#ffb64d}.cli-status-badge--not-installed{background:#dc503226;color:#f3a78f}.cli-status-cmd{margin:6px 0;padding:6px 8px;background:var(--bg-input, #0a0a0a);border:1px solid var(--border-subtle, #333);border-radius:3px;font-family:SF Mono,Menlo,monospace;font-size:11px;color:#ddd;overflow-x:auto}.provider-gate-mode-banner{font-size:11px;font-weight:600;padding:8px 10px;border-radius:4px;letter-spacing:.3px}.provider-gate-mode-banner--active{background:#28c8641a;color:#6cdb95;border:1px solid rgba(40,200,100,.25)}.provider-gate-mode-banner--idle{background:#f0a02014;color:#f0a020;border:1px solid rgba(240,160,32,.22)}.provider-gate-link-button{background:transparent;border:none;padding:2px 0;color:var(--accent, #4a9eff);font-size:11px;cursor:pointer;font-family:inherit;text-align:left}.provider-gate-link-button:hover{text-decoration:underline}.cli-status-actions{display:flex;gap:6px;align-items:center}.sm-panel{padding:8px 10px;display:flex;flex-direction:column;gap:12px;font-size:11px;color:var(--text);overflow-y:auto}.sm-panel--empty{padding:16px 10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted, #888)}.sm-empty-msg{margin:0;text-align:center;line-height:1.5}.sm-machine{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg-input, #1a1a1a);border:1px solid var(--border-subtle, #333);border-radius:4px}.sm-machine-header{display:flex;align-items:center;justify-content:space-between}.sm-machine-name{font-size:12px;font-weight:600;color:var(--text)}.sm-reset-btn{background:transparent;border:1px solid var(--border-subtle, #333);color:var(--text-muted, #888);padding:2px 8px;border-radius:3px;cursor:pointer;font-size:10px}.sm-reset-btn:hover{background:var(--bg-hover, #2a2a2a);color:var(--text)}.sm-current-state{display:flex;gap:6px;align-items:center}.sm-label{color:var(--text-muted, #888);text-transform:uppercase;font-size:10px;letter-spacing:.05em}.sm-state-name{color:var(--accent, #fbbf24);font-weight:600;font-size:12px}.sm-states-row{display:flex;flex-direction:column;gap:4px}.sm-state-buttons{display:flex;flex-wrap:wrap;gap:4px}.sm-state-btn{background:var(--bg-input, #1a1a1a);color:var(--text);border:1px solid var(--border-subtle, #333);padding:2px 8px;border-radius:3px;cursor:pointer;font-size:10px;font-family:inherit}.sm-state-btn:hover{background:var(--bg-hover, #2a2a2a)}.sm-state-btn--active{background:#fbbf2433;color:var(--accent, #fbbf24);border-color:var(--accent, #fbbf24)}.sm-state-btn--missing-animation{border-style:dashed;color:var(--text-muted, #888)}.sm-animation-warning{padding:6px 7px;border:1px solid rgba(251,191,36,.28);border-radius:4px;background:#fbbf2414;color:#fde68a;font-size:10px;line-height:1.35}.sm-inputs{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border-subtle, #333);padding-top:8px}.sm-input-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.sm-input-row span{color:var(--text)}.sm-input-row input[type=checkbox]{width:14px;height:14px}.sm-input-row input[type=number]{background:var(--bg-input, #1a1a1a);border:1px solid var(--border-subtle, #333);color:var(--text);padding:2px 6px;border-radius:3px;font:inherit;width:80px}.sm-fire-btn{background:var(--accent, #fbbf24);color:var(--bg, #0f172a);border:none;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:10px;font-weight:600;font-family:inherit}.sm-fire-btn:hover{filter:brightness(1.1)}.sm-transitions{border-top:1px solid var(--border-subtle, #333);padding-top:8px;font-size:10px;color:var(--text-muted, #888)}.sm-transitions summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0}.sm-transitions ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.sm-transitions li{padding:2px 0;font-family:monospace}.sm-transitions code{color:var(--text);background:#ffffff0d;padding:1px 4px;border-radius:2px}.sm-conditions{color:var(--text-muted, #888);font-family:inherit}.sm-triggers{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border-subtle, #333);padding-top:8px}.sm-trigger-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;font-size:11px}.sm-event-name{background:#4a9eff1a;color:#4a9eff;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:10px}.sm-trigger-arrow{color:var(--text-muted, #888);font-size:12px}.sm-inputs summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0;color:var(--text-muted, #888);text-transform:uppercase;font-size:10px;letter-spacing:.05em}.sm-pickwhip-btn{background:transparent;border:1px dashed var(--accent, #fbbf24);color:var(--accent, #fbbf24);width:48px;height:18px;border-radius:3px;font-size:9px;font-weight:900;cursor:grab;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:3px;-webkit-user-select:none;user-select:none;transition:background .1s ease}.sm-pickwhip-btn:hover{background:#fbbf241a}.sm-pickwhip-btn:active{cursor:grabbing}.sm-trigger-row{display:grid;grid-template-columns:minmax(76px,1fr) auto auto minmax(92px,1fr) auto auto;gap:6px;align-items:center}.sm-trigger-state-select{min-width:0;width:100%;background:var(--bg-input, #0d0d0d);border:1px solid var(--border-subtle, #2a2a2a);color:var(--accent, #fbbf24);padding:3px 22px 3px 6px;border-radius:3px;font-size:10px;font-weight:700}.sm-trigger-state-select:focus{outline:none;border-color:var(--accent, #4a9eff);box-shadow:0 0 0 1px #4a9eff59}.sm-delete-trigger-btn{min-width:48px;height:20px;padding:0 7px;border:1px solid var(--border-subtle, #2a2a2a);border-radius:3px;background:transparent;color:var(--text-muted, #888);font-size:10px;font-weight:800;line-height:1;cursor:pointer}.sm-delete-trigger-btn:hover{border-color:#ef4444;color:#fecaca;background:#ef44441f}.sm-delete-trigger-btn:disabled,.sm-trigger-state-select:disabled{opacity:.5;cursor:not-allowed}.sm-triggers-empty{color:var(--text-muted, #888);font-size:10px;line-height:1.45;padding:5px 6px;border:1px dashed var(--border-subtle, #2a2a2a);border-radius:3px}.sm-action-routes{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(3,193,225,.2);border-radius:6px;background:#03c1e10a}.sm-action-route-row{display:grid;grid-template-columns:minmax(74px,.9fr) auto auto minmax(86px,1fr) auto auto;gap:6px;align-items:center;min-width:0;font-size:10px}.sm-action-route-row .sm-event-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-state-btn--drop{background:#4a9eff33!important;border:1px solid #4a9eff!important;box-shadow:0 0 0 2px #4a9eff4d}.motion-map{display:flex;flex-direction:column;gap:12px;padding:8px 0}.motion-map--empty{padding:16px;text-align:center}.motion-map__empty-msg{color:var(--text-muted, #888);font-size:11px}.motion-map__machine{border:1px solid var(--border-subtle, #2a2a2a);border-radius:4px;overflow:hidden}.motion-map__machine-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg-elevated, #1a1a1a);border-bottom:1px solid var(--border-subtle, #2a2a2a)}.motion-map__machine-name{font-size:11px;color:var(--text-primary, #ddd);font-weight:600}.motion-map__machine-stats{font-size:10px;color:var(--text-muted, #888)}.motion-map__guide{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid var(--border-subtle, #2a2a2a);background:#03c1e10d;color:var(--text-muted, #94a3b8);font-size:10px;line-height:1.35}.motion-map__guide-chip{display:inline-flex;align-items:center;min-height:18px;padding:0 7px;border:1px solid currentColor;border-radius:5px;font-size:9px;font-weight:900;text-transform:uppercase}.motion-map__guide-chip--event{color:var(--accent);background:#03c1e11f}.motion-map__guide-chip--state{color:#fbbf24;background:#fbbf241f}.motion-map__guide-chip--comp{color:#22c55e;background:#22c55e1f}.motion-map__guide-arrow{color:var(--text-secondary);font-weight:900}.motion-map__guide-spacer{flex:1}.motion-map__guide-note{min-width:180px;color:var(--text-secondary);text-align:right}.motion-map__connections{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-bottom:1px solid var(--border-subtle, #2a2a2a);background:#02080d47}.motion-map__connection-row{display:grid;grid-template-columns:minmax(92px,.8fr) minmax(140px,1fr) auto auto;gap:6px;align-items:center;min-height:24px;padding:3px 5px;border:1px solid rgba(148,163,184,.18);border-radius:4px;background:#ffffff06;color:var(--text-secondary);cursor:pointer}.motion-map__connection-row:hover,.motion-map__connection-row--active{border-color:#03c1e18c;background:#03c1e11a;color:var(--text)}.motion-map__connection-row code{min-width:0;color:var(--accent, #03c1e1);font-size:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.motion-map__connection-flow{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:var(--text-secondary);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.motion-map__connection-row--active .motion-map__connection-flow{color:#d8f7ff}.motion-map__connection-flow--missing,.motion-map__connection-row--active .motion-map__connection-flow--missing{color:#fde68a}.motion-map__connection-btn{height:18px;padding:0 6px;border:1px solid rgba(148,163,184,.34);border-radius:4px;background:#02080d75;color:var(--text-secondary);font-size:8px;font-weight:900;cursor:pointer}.motion-map__connection-btn:hover{border-color:var(--accent, #03c1e1);color:var(--text)}.motion-map__connection-btn--delete:hover{border-color:#ef4444;color:#fecaca;background:#ef444426}.motion-map__connection-btn:disabled{cursor:default;opacity:.4}.motion-map__canvas-wrap{overflow:auto;max-height:400px;padding:4px}.motion-map__canvas{display:block;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px) 0 0 / 16px 16px,linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px) 0 0 / 16px 16px}.motion-map__column-label{fill:var(--text-muted, #94a3b8);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.motion-map__edge--chain{stroke-dasharray:4 3}.motion-map__edge--active{filter:drop-shadow(0 0 3px rgba(216,247,255,.7))}.motion-map__node{cursor:default;transition:filter .1s ease}.motion-map__node:hover{filter:brightness(1.3)}.motion-map__node--active{filter:brightness(1.35) drop-shadow(0 0 4px rgba(3,193,225,.4))}.motion-map__node--trigger,.motion-map__node--interactive{cursor:pointer}.motion-map__trigger-node{display:flex;flex-direction:column;gap:4px;width:100%;height:100%;overflow:hidden;color:var(--text);font-family:var(--font-ui)}.motion-map__trigger-main,.motion-map__node-actions{display:flex;align-items:center;gap:4px;min-width:0}.motion-map__trigger-main{justify-content:flex-start}.motion-map__node-actions{justify-content:flex-end}.motion-map__node-label{min-width:0;overflow:hidden;color:var(--text);font-family:monospace;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.motion-map__node-btn{height:16px;min-width:0;padding:0 5px;border:1px solid rgba(148,163,184,.36);border-radius:4px;background:#02080d7a;color:var(--text-secondary);font-size:8px;font-weight:900;line-height:1;cursor:pointer}.motion-map__node-btn:hover{border-color:var(--accent);color:var(--text)}.motion-map__node-btn--pickwhip{width:48px;padding:0 5px;border-style:dashed;border-color:var(--accent);color:var(--accent);cursor:grab;display:inline-flex;align-items:center;justify-content:center;gap:3px}.motion-map__node-btn--pickwhip:active{cursor:grabbing}.motion-map__node-btn--delete:hover{border-color:#ef4444;color:#fecaca;background:#ef444429}.trigger-workspace{grid-column:2 / span 1;grid-row:1 / span 2;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--border);background:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px),#071017;background-size:28px 28px}.trigger-workspace__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--border);background:#0c1b23e0}.trigger-workspace__kicker{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.trigger-workspace__title{margin-top:2px;color:var(--text);font-size:18px;font-weight:800}.trigger-workspace__flow{display:flex;align-items:center;gap:6px;margin-left:auto;padding-bottom:1px;color:var(--text-secondary);font-size:10px;font-weight:900;text-transform:uppercase}.trigger-workspace__flow span:not(.trigger-workspace__flow-arrow){padding:4px 7px;border:1px solid rgba(148,163,184,.2);border-radius:5px;background:#ffffff09}.trigger-workspace__flow-arrow{color:var(--accent)}.trigger-workspace__stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}.trigger-workspace__stats span{padding:4px 7px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#ffffff09;color:var(--text-secondary);font-size:10px;font-weight:700;white-space:nowrap}.trigger-workspace__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,320px) minmax(420px,1fr) minmax(300px,380px);gap:10px;padding:10px}.trigger-workspace__rail,.trigger-workspace__map{min-height:0;min-width:0}.trigger-workspace__rail{display:flex;flex-direction:column;gap:10px;overflow:hidden}.trigger-workspace__map{overflow:hidden}.trigger-card,.trigger-workspace__map{border:1px solid var(--border);border-radius:8px;background:#0b171ee6;box-shadow:0 12px 32px #0000002e}.trigger-card{min-height:0;display:flex;flex-direction:column;overflow:hidden}.trigger-card--compact{flex:1}.trigger-card--preview{flex:2;min-height:260px}.trigger-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);background:#ffffff07;color:var(--text-secondary);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.trigger-card__mini-btn{padding:3px 7px;border-radius:5px;color:var(--text-secondary);font-size:10px;letter-spacing:0;text-transform:none}.trigger-card>.sm-panel,.trigger-card>.proj-panel{min-height:0}.trigger-card .sm-panel{flex:1;padding:10px}.trigger-card .proj-panel{flex:1;padding:8px;overflow:auto}.trigger-preview{flex:1;min-height:260px;overflow:hidden}.trigger-preview .preview-panel{height:100%;min-height:0}.trigger-tester{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:6px;padding:8px;overflow:auto}.trigger-test-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;min-width:0}.trigger-test-btn{min-width:0;width:100%;padding:7px 8px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text);text-align:left;cursor:pointer}.trigger-test-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--surface))}.trigger-test-delete{align-self:stretch;padding:0 8px;border:1px solid rgba(148,163,184,.24);border-radius:6px;background:#ffffff08;color:var(--text-secondary);font-size:10px;font-weight:800;cursor:pointer}.trigger-test-delete:hover{border-color:#ef4444;color:#fecaca;background:#ef44441f}.trigger-test-btn span,.trigger-test-btn small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-test-btn span{font-size:11px;font-weight:800}.trigger-test-btn small{margin-top:2px;color:var(--text-secondary);font-size:10px}.trigger-tester__empty,.trigger-log{margin:8px;color:var(--text-muted);font-size:11px}.trigger-log{display:flex;flex-direction:column;gap:3px;padding-top:7px;border-top:1px solid var(--border)}.trigger-log__row{color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-workspace__map .motion-map{height:100%;padding:0}.trigger-workspace__map .motion-map__machine{height:100%;border:0;border-radius:8px}.trigger-workspace__map .motion-map__canvas-wrap{height:calc(100% - 32px);max-height:none;padding:10px}.trigger-workspace__map .motion-map__canvas{min-width:100%;min-height:100%}@media(max-width:1240px){.trigger-workspace__body{grid-template-columns:minmax(240px,300px) minmax(380px,1fr)}.trigger-workspace__rail--preview{display:none}}.sm-chains{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--border-subtle, #333);padding-top:8px}.sm-chains-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sm-chains-hint{color:var(--text-muted, #888);font-size:10px;line-height:1.2;text-align:right}.sm-chain-row{display:grid;grid-template-columns:minmax(58px,.8fr) auto minmax(82px,1fr);gap:8px;align-items:center;font-size:11px}.sm-chain-from{color:var(--accent, #fbbf24);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-chain-arrow{color:var(--text-muted, #888);font-size:10px;font-style:italic}.sm-chain-select{min-width:0;width:100%;border:1px solid var(--border-subtle, #333);border-radius:3px;background:var(--bg-input, #1a1a1a);color:var(--text);font:inherit;font-size:10px;padding:3px 6px}.sm-chain-select:disabled{color:var(--text-muted, #888);opacity:.65}.sm-click-sequence{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(3,193,225,.24);border-radius:6px;background:#03c1e10f}.sm-click-sequence-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sm-click-sequence-hint{color:var(--text-muted, #94a3b8);font-size:10px;line-height:1.2;text-align:right}.sm-click-sequence-empty{color:var(--text-secondary);font-size:10px;line-height:1.45;padding:5px 6px;border:1px dashed rgba(148,163,184,.22);border-radius:4px}.sm-click-sequence-event{display:grid;grid-template-columns:minmax(52px,.6fr) minmax(0,1fr);gap:6px;align-items:center;min-width:0;color:var(--text-muted, #94a3b8);font-size:10px;font-weight:900;text-transform:uppercase}.sm-click-sequence-row{display:grid;grid-template-columns:minmax(52px,.6fr) auto minmax(88px,1fr) auto;gap:6px;align-items:center;min-width:0;font-size:10px}.sm-click-sequence-step{color:var(--accent, #03c1e1);font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-click-sequence-arrow{color:var(--text-muted, #94a3b8);font-style:italic;white-space:nowrap}.sm-click-sequence-select{min-width:0;width:100%;border:1px solid rgba(148,163,184,.24);border-radius:4px;background:var(--bg-input, #07151a);color:var(--text);font:inherit;font-size:10px;font-weight:800;padding:4px 6px}.sm-click-sequence-select:focus{outline:none;border-color:var(--accent, #03c1e1);box-shadow:0 0 0 1px #03c1e159}.sm-click-sequence-remove,.sm-click-sequence-add{min-width:0;height:21px;padding:0 7px;border:1px solid rgba(148,163,184,.26);border-radius:4px;background:#02080d66;color:var(--text-secondary);font-size:9px;font-weight:900;cursor:pointer}.sm-click-sequence-remove:hover,.sm-click-sequence-add:hover{border-color:var(--accent, #03c1e1);color:var(--text)}.sm-click-sequence-remove:hover{border-color:#ef4444;color:#fecaca}.sm-click-sequence-remove:disabled,.sm-click-sequence-add:disabled,.sm-click-sequence-select:disabled{cursor:not-allowed;opacity:.5}.sm-click-sequence-actions{display:flex;justify-content:flex-end}.kf-inspector-hud{position:fixed;top:80px;right:16px;width:320px;max-height:calc(100vh - 100px);overflow-y:auto;background:var(--bg-elevated, #1a1a1a);border:1px solid var(--border-subtle, #2a2a2a);border-radius:8px;padding:12px;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d;z-index:9000;display:flex;flex-direction:column;gap:8px;font-size:11px}.kf-inspector-hud .preset-library{overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding-bottom:4px}.kf-inspector-hud .preset-library::-webkit-scrollbar{height:6px}.kf-inspector-hud .preset-library::-webkit-scrollbar-thumb{background:var(--border-subtle, #333);border-radius:3px}.kf-inspector-hud::-webkit-scrollbar{width:6px}.kf-inspector-hud::-webkit-scrollbar-thumb{background:var(--border-subtle, #333);border-radius:3px}.kf-inspector-hud .inspector-fields{display:flex;flex-wrap:wrap;gap:8px}.kf-inspector-hud .inspector-curve-row{display:flex;flex-direction:column;gap:6px;align-items:stretch}.kf-hud-header{display:flex;align-items:center;gap:8px;cursor:grab;-webkit-user-select:none;user-select:none;padding-bottom:4px;border-bottom:1px solid var(--border-subtle, #2a2a2a)}.kf-hud-header:active{cursor:grabbing}.kf-hud-grip{font-size:14px;color:var(--text-muted, #888);letter-spacing:-2px;padding:0 2px}.kf-hud-mode-tabs{display:flex;gap:2px;background:var(--bg-input, #0d0d0d);border-radius:4px;padding:2px}.kf-hud-mode-btn{flex:1;background:transparent;border:none;color:var(--text-muted, #888);padding:4px 8px;border-radius:3px;font-size:11px;cursor:pointer;transition:background .1s ease,color .1s ease}.kf-hud-mode-btn--active{background:var(--accent, #4a9eff);color:#fff}.kf-hud-graph{display:flex;justify-content:center}.kf-hud-presets{border-top:1px solid var(--border-subtle, #2a2a2a);padding-top:6px;display:flex;flex-direction:column;gap:4px}.kf-hud-presets-toggle{background:transparent;border:none;color:var(--text-muted, #888);font-size:10px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:2px 0;text-align:left}.kf-hud-presets-toggle:hover{color:var(--text-primary, #ddd)}.kf-hud-presets-body{display:flex;flex-wrap:wrap;gap:4px}.kf-inspector-hud .inspector-header{display:none}.graph-ease-pills{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px 8px;border-top:1px solid var(--border-subtle, #2a2a2a)}.graph-ease-pills-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #888);padding-right:4px}.graph-ease-pill{background:var(--bg-input, #0d0d0d);border:1px solid var(--border-subtle, #2a2a2a);color:var(--text-primary, #ddd);padding:3px 8px;border-radius:3px;font-size:10px;cursor:pointer;font-family:monospace;transition:background .1s ease,border-color .1s ease}.graph-ease-pill:hover{border-color:var(--accent, #4a9eff)}.graph-ease-pill:disabled{cursor:default;opacity:.42}.graph-ease-pill:disabled:hover{border-color:var(--border-subtle, #2a2a2a)}.graph-ease-pill--active{background:var(--accent, #4a9eff);color:#fff;border-color:var(--accent, #4a9eff)}.graph-presets-toggle{margin-left:6px;font-family:inherit;font-weight:700;letter-spacing:0;color:var(--accent);background:#03c1e114;border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}.graph-presets-toggle:hover{background:#03c1e124;color:#e7fbff}.graph-presets-toggle--active{background:var(--accent);border-color:var(--accent);color:#041116}.kf-inspector-hud--docked{position:static!important;transform:none!important;width:auto!important;max-height:none!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:4px 0!important;z-index:auto!important}.kf-inspector-hud--docked .kf-hud-grip{display:none}.kf-hud-dock-btn{background:transparent;border:1px solid var(--border-subtle, #2a2a2a);color:var(--text-muted, #888);padding:2px 6px;border-radius:3px;font-size:10px;cursor:pointer;margin-left:auto}.kf-hud-dock-btn:hover{color:var(--text-primary, #ddd);border-color:var(--accent, #4a9eff)}.curve-editor-presets .curve-preset-btn{font-size:10px;padding:2px 6px;white-space:nowrap}.curve-preset-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #888);padding-right:4px}.graph-section--floating{position:fixed;top:80px;right:16px;width:360px;max-height:calc(100vh - 100px);background:var(--bg-elevated, #1a1a1a);border:1px solid var(--border-subtle, #2a2a2a);border-radius:8px;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d;z-index:9000;overflow:auto;height:auto}.graph-section-hud-header{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-subtle, #2a2a2a)}.graph-section-hud-header:active{cursor:grabbing}.graph-section-hud-grip{font-size:14px;color:var(--text-muted, #888);letter-spacing:-2px}.graph-section-hud-title{flex:1;font-size:11px;font-weight:600;color:var(--text-primary, #ddd)}.graph-section-dock-btn{background:transparent;border:1px solid var(--border-subtle, #2a2a2a);color:var(--text-muted, #888);padding:2px 8px;border-radius:3px;font-size:10px;cursor:pointer}.graph-section-dock-btn:hover{color:var(--text-primary, #ddd);border-color:var(--accent, #4a9eff)}.graph-section-dock-btn--inline{margin-left:auto}.sm-create-btn{display:block;width:100%;background:var(--accent, #4a9eff);color:#fff;border:none;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;margin:8px 0}.sm-create-btn:hover{filter:brightness(1.1)}.sm-empty-hint{font-size:10px;color:var(--text-muted, #888);font-style:italic;line-height:1.5;margin:6px 0 0}.sm-triggers-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.sm-triggers-hint{font-size:9px;color:var(--text-muted, #888);font-style:italic}.sm-pickwhip-glyph-inline{color:var(--accent, #fbbf24);font-size:11px;font-style:normal}.sm-add-trigger-btn{background:transparent;border:1px dashed var(--border-subtle, #2a2a2a);color:var(--text-muted, #888);padding:4px 8px;border-radius:3px;font-size:10px;cursor:pointer;margin-top:4px;width:100%;text-align:center}.sm-add-trigger-btn:hover{border-color:var(--accent, #4a9eff);color:var(--accent, #4a9eff)}.sm-add-trigger-form{display:grid;grid-template-columns:1fr auto 1fr auto auto;gap:6px;align-items:center;margin-top:4px;padding:6px 4px;border:1px solid var(--accent, #4a9eff);border-radius:3px;background:#4a9eff0d}.sm-add-trigger-event,.sm-add-trigger-state{background:var(--bg-input, #0d0d0d);border:1px solid var(--border-subtle, #2a2a2a);color:var(--text-primary, #ddd);padding:3px 6px;border-radius:3px;font-size:11px;font-family:monospace}.sm-add-trigger-cancel{background:transparent;border:1px solid var(--border-subtle, #2a2a2a);color:var(--text-muted, #888);padding:3px 8px;border-radius:3px;font-size:10px;cursor:pointer}.sm-add-trigger-cancel:hover{color:var(--text-primary, #ddd)}.sm-pickwhip-btn{cursor:grab}.sm-pickwhip-btn:hover{background:#fbbf2433;border-color:var(--accent, #fbbf24)}.proj-panel{display:flex;flex-direction:column;gap:8px;min-height:0;padding:6px 5px 10px}.proj-panel--empty{padding:8px}.proj-panel--file-drop{background:#03c1e10e;box-shadow:inset 0 0 0 1px #03c1e17a}.proj-empty-msg{font-size:11px;color:var(--text-muted, #888);line-height:1.4;margin:0 0 8px}.proj-empty-msg code{background:#4a9eff1a;color:#4a9eff;padding:1px 4px;border-radius:2px;font-size:10px}.proj-empty-actions{display:flex;gap:6px;flex-wrap:wrap}.proj-create-btn{background:var(--accent, #4a9eff);color:#fff;border:none;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer}.proj-create-btn:hover{filter:brightness(1.1)}.proj-create-btn--secondary{border:1px solid var(--border);background:#0d1f27b8;color:var(--text-secondary)}.proj-create-btn--inline{font-size:10px;padding:3px 8px}.proj-section{display:flex;flex-direction:column;gap:6px}.proj-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.proj-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary, #ddd);font-weight:600;display:flex;align-items:center;gap:6px}.proj-section-count{font-size:9px;background:var(--bg-input, #0d0d0d);border-radius:8px;padding:1px 6px;color:var(--text-muted, #888);font-weight:400}.proj-section-empty{font-size:10px;color:var(--text-muted, #888);font-style:italic;margin:0;padding:6px 8px}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.proj-card{background:var(--bg-input, #0d0d0d);border:1px solid var(--border-subtle, #2a2a2a);border-radius:4px;padding:6px;display:flex;flex-direction:column;gap:4px;transition:border-color .1s ease,background .1s ease}.proj-card--comp{cursor:grab}.proj-card--comp:active{cursor:grabbing}.proj-card:hover{border-color:var(--accent, #4a9eff)}.proj-card--drop{border-color:var(--accent, #fbbf24);background:#fbbf241a}.proj-card--root{border-style:dashed}.proj-card--active-comp{border-color:var(--accent, #4a9eff);background:#4a9eff1a}.proj-card-thumb{display:flex;justify-content:center}.proj-card-thumb-rect{width:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:2px;border:1px solid var(--border-subtle, #2a2a2a)}.proj-card-thumb-img{max-width:100%;max-height:80px;object-fit:contain;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:2px;border:1px solid var(--border-subtle, #2a2a2a)}.proj-card-info{display:flex;flex-direction:column;gap:1px}.proj-card-name{font-size:11px;font-weight:600;color:var(--text-primary, #ddd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.proj-card-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.proj-card-rename-input{flex:1 1 auto;min-width:0;height:20px;padding:0 5px;border:1px solid rgba(59,201,230,.7);border-radius:3px;background:#071117;color:var(--text-primary, #ddd);font:inherit;font-size:11px;font-weight:700;line-height:20px;outline:none;box-shadow:0 0 0 1px #3bc9e62e}.proj-card-rename-input::selection{background:#3bc9e657;color:#fff}.proj-card-root-badge{font-size:8px;text-transform:uppercase;background:var(--accent, #4a9eff);color:#fff;padding:1px 4px;border-radius:2px;font-weight:700}.proj-card-open-badge{font-size:8px;text-transform:uppercase;background:#22c55e33;color:#6ee7b7;padding:1px 4px;border:1px solid rgba(110,231,183,.28);border-radius:2px;font-weight:700}.proj-card-type-badge{font-size:8px;text-transform:uppercase;padding:1px 4px;border-radius:2px;font-weight:700;margin-left:auto}.proj-card-type-badge--svg{background:#22c55e33;color:#22c55e}.proj-card-type-badge--png{background:#f18b4c2e;color:#f18b4c}.proj-card-meta{font-size:9px;color:var(--text-muted, #888);font-family:monospace}.proj-card-actions,.proj-list-actions{display:flex;align-items:center;gap:3px}.proj-card-actions{margin-top:4px}.proj-card-action-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle, #2a2a2a);border-radius:3px;background:#ffffff08;color:var(--text-muted, #888);font-size:12px;line-height:1;cursor:pointer}.proj-card-action-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.proj-card-action-btn:hover:not(:disabled){border-color:var(--accent, #4a9eff);color:var(--text-primary, #ddd);background:#4a9eff1f}.proj-card-action-btn--danger:hover:not(:disabled){border-color:#ef4444;color:#fecaca;background:#ef444424}.proj-card-action-btn:disabled{opacity:.35;cursor:not-allowed}.proj-card-menu-btn{height:20px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle, #2a2a2a);border-radius:3px;background:#ffffff0a;color:var(--text-muted, #888);font-size:9px;font-weight:700;line-height:1;cursor:pointer}.proj-card-open-btn{height:20px;min-width:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(59,201,230,.44);border-radius:3px;background:#3bc9e624;color:var(--accent, #3bc9e6);font-size:9px;font-weight:800;line-height:1;cursor:pointer}.proj-card-open-btn:hover{border-color:var(--accent, #3bc9e6);background:#3bc9e638;color:#dffbff}.proj-card-menu-btn:after{content:"▾";margin-left:4px;font-size:8px;opacity:.72}.proj-card-menu-btn:hover,.proj-card-menu-btn[aria-expanded=true]{border-color:var(--accent, #4a9eff);color:var(--text-primary, #ddd);background:#4a9eff1f}.proj-context-menu{position:fixed;z-index:10000;width:190px;padding:6px;border:1px solid var(--border-strong, #314451);border-radius:6px;background:var(--menu-bg, #101a21);color:var(--menu-fg, #e8f2f6);box-shadow:0 16px 38px #0000007a}.proj-context-menu-title{padding:5px 7px 7px;border-bottom:1px solid rgba(148,163,184,.18);color:var(--text-muted, #93a8b2);font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-context-menu-item{width:100%;margin-top:4px;padding:7px 8px;display:flex;align-items:center;gap:8px;border:0;border-radius:4px;background:transparent;color:var(--menu-fg, #e8f2f6);font:inherit;font-size:11px;font-weight:700;text-align:left;cursor:pointer}.proj-context-menu-item .proj-card-action-icon{width:14px;height:14px;flex:0 0 auto}.proj-context-menu-item:hover:not(:disabled),.proj-context-menu-item:focus-visible:not(:disabled){background:var(--menu-hover, rgba(74, 158, 255, .14));outline:none}.proj-context-menu-item--danger:hover:not(:disabled),.proj-context-menu-item--danger:focus-visible:not(:disabled){color:#fecaca;background:#ef444426}.proj-context-menu-item:disabled{opacity:.45;cursor:not-allowed}.proj-context-menu-note{margin:5px 7px 3px;color:var(--text-muted, #93a8b2);font-size:10px;line-height:1.35}.proj-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}.proj-toolbar-actions{display:flex;align-items:center;gap:5px;min-width:0}.proj-storage-note{margin:0 4px;color:var(--text-muted, #93a8b2);font-size:10px;line-height:1.35}.proj-view-toggle{display:flex;gap:2px;background:var(--bg-input, #0d0d0d);border-radius:3px;padding:2px}.proj-view-btn{background:transparent;border:none;color:var(--text-muted, #888);padding:3px 8px;border-radius:2px;font-size:10px;cursor:pointer;font-family:monospace}.proj-view-btn--active{background:var(--accent, #4a9eff);color:#fff}.proj-root-drop-zone{display:flex;flex-direction:column;gap:6px;min-height:0}.proj-root-drop-zone:hover{outline:1px solid rgba(3,193,225,.12);outline-offset:2px}.proj-root-drop-zone--file-drop{border-radius:4px;outline:1px solid rgba(3,193,225,.7);outline-offset:2px;background:#03c1e10e}.proj-bin-tree{display:flex;flex-direction:column;gap:2px}.proj-bin-group{display:flex;flex-direction:column;min-width:0}.proj-bin-row{display:flex;align-items:center;gap:5px;min-width:0;min-height:25px;padding:3px 5px 3px calc(5px + (var(--bin-depth, 0) * 14px));border:1px solid transparent;border-radius:3px;color:var(--text-secondary);background:#ffffff05;cursor:grab}.proj-bin-row--renaming{cursor:text}.proj-bin-row--file-drop{border-color:#03c1e1d1;background:#03c1e124;color:var(--text)}.proj-bin-row:hover{border-color:#03c1e12e;background:#03c1e10f;color:var(--text)}.proj-bin-toggle{flex:0 0 auto;width:18px;height:18px;padding:0;border:0;border-radius:3px;background:transparent;color:var(--text-muted);font-size:10px;line-height:1}.proj-bin-toggle:hover{color:var(--text);background:#ffffff0f}.proj-bin-icon{flex:0 0 auto;width:13px;color:var(--accent-hover);font-size:10px;line-height:1}.proj-bin-name{min-width:0;flex:1 1 auto;color:inherit;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-bin-rename-input{min-width:0;flex:1 1 auto;height:19px;padding:0 5px;border:1px solid rgba(59,201,230,.7);border-radius:3px;background:#071117;color:var(--text-primary, #ddd);font:inherit;font-size:11px;font-weight:800;line-height:19px;outline:none;box-shadow:0 0 0 1px #3bc9e629}.proj-bin-rename-input::selection{background:#3bc9e657;color:#fff}.proj-bin-actions{display:none;align-items:center;gap:3px;margin-left:auto}.proj-bin-row:hover .proj-bin-actions,.proj-bin-row:focus-within .proj-bin-actions{display:flex}.proj-bin-row--renaming .proj-bin-actions{display:none}.proj-bin-action{height:19px;padding:0 5px;border-color:var(--border);border-radius:3px;background:#ffffff09;color:var(--text-muted);font-size:9px;font-weight:800}.proj-bin-action:hover{border-color:var(--accent-border);color:var(--text);background:#03c1e11a}.proj-bin-action--danger:hover{border-color:#ef444499;color:#fecaca;background:#ef44441f}.proj-bin-contents{display:flex;flex-direction:column;gap:2px;min-width:0}.proj-bin-item-zone{min-width:0}.proj-bin-item-zone--file-drop{border-radius:3px;outline:1px dashed rgba(3,193,225,.65);outline-offset:1px;background:#03c1e10b}.proj-list{display:flex;flex-direction:column;gap:1px}.proj-card--list{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:4px 6px;border-radius:3px;border:1px solid transparent;background:transparent;font-size:11px;cursor:grab}.proj-card--list:hover{background:var(--bg-input, #0d0d0d);border-color:var(--border-subtle, #2a2a2a)}.proj-card--list.proj-card--active-comp{background:#4a9eff1f;border-color:var(--accent, #4a9eff)}.proj-card--list.proj-card--drop{border-color:var(--accent, #fbbf24);background:#fbbf241a}.proj-card--list.proj-card--root .proj-list-thumb .proj-card-thumb-rect{border-style:dashed}.proj-list-thumb{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.proj-list-thumb .proj-card-thumb-rect,.proj-list-thumb .proj-card-thumb-img{max-width:24px;max-height:24px;border-radius:2px}.proj-list-thumb .proj-card-thumb-img{object-fit:contain;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid var(--border-subtle, #2a2a2a)}.proj-list-name{font-weight:600;color:var(--text-primary, #ddd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.proj-list-meta{font-size:9px;color:var(--text-muted, #888);font-family:monospace}.preview-stage--checker{background-color:#fff;background-image:linear-gradient(45deg,#c8c8c8 25%,transparent 25%),linear-gradient(-45deg,#c8c8c8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8c8c8 75%),linear-gradient(-45deg,transparent 75%,#c8c8c8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,8px 0}.stage-bg-swatch-checker{background-color:#fff;background-image:linear-gradient(45deg,#c8c8c8 25%,transparent 25%),linear-gradient(-45deg,#c8c8c8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8c8c8 75%),linear-gradient(-45deg,transparent 75%,#c8c8c8 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,3px 0}.stage-bg-toggle{position:relative;display:inline-flex;align-items:center}.stage-bg-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:#ffffff0a;border:1px solid var(--border, #2a2a30);border-radius:4px;cursor:pointer;width:22px;height:22px;transition:background .12s}.stage-bg-toggle-btn:hover{background:#ffffff14}.stage-bg-hud{background:#10161ef5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;z-index:9999;box-shadow:0 16px 40px #0009,0 0 0 1px #0006;animation:stage-bg-hud-fade-in .12s ease-out}@keyframes stage-bg-hud-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stage-bg-hud-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #94a3b8);padding:0 2px 8px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:600}.stage-bg-hud-close{background:transparent;border:none;color:var(--text-muted, #94a3b8);font-size:18px;line-height:1;cursor:pointer;padding:0 4px;border-radius:3px;transition:color 80ms,background 80ms}.stage-bg-hud-close:hover{color:#fff;background:#ffffff0f}.stage-bg-hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stage-bg-hud-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:var(--text-primary, #e5e7eb);font-size:10.5px;cursor:pointer;transition:background 80ms,border-color 80ms;text-align:center}.stage-bg-hud-tile:hover{background:#ffffff0f;border-color:#ffffff1f}.stage-bg-hud-tile--active{background:#3b82f629;border-color:#3b82f680;color:#fff}.stage-bg-hud-color-row{display:flex;flex-direction:column;gap:6px;padding-top:8px;margin-top:8px;border-top:1px solid rgba(255,255,255,.06)}.stage-bg-hud-color-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #94a3b8);font-weight:600}.stage-bg-hud-color-controls{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary, #cbd5e1)}.stage-bg-hud-color-controls input[type=color]{width:32px;height:24px;border:1px solid var(--border, #2a2a30);border-radius:4px;background:transparent;cursor:pointer;padding:0}.stage-bg-hud-color-controls code{flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;background:#0000004d;padding:4px 6px;border-radius:3px;text-align:center}.editor-bend-points-section{margin:6px 0;padding:6px;background:#00000040;border:1px solid var(--border, #2a2a30);border-radius:4px}.editor-bend-points-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted, #94a3b8);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.editor-bend-point-row{display:grid;grid-template-columns:14px 1fr 1fr 26px 18px;gap:4px;align-items:center;padding:3px 0;border-top:1px solid var(--border-subtle, #1f1f24)}.editor-bend-point-row:first-of-type{border-top:none}.editor-bend-point-index{color:var(--text-muted, #64748b);font-size:9px;text-align:center}.editor-bend-point-row input[type=range]{width:100%;accent-color:#3b82f6}.editor-bend-point-dir{color:#e5e7eb;border:1px solid var(--border, #374151);border-radius:3px;font-size:10px;padding:2px 0;cursor:pointer;font-weight:600}.editor-bend-point-dir:disabled{cursor:not-allowed;opacity:.55}.editor-bend-point-remove{background:transparent;color:var(--text-muted, #94a3b8);border:none;font-size:14px;cursor:pointer;padding:0;line-height:1}.editor-bend-point-remove:hover{color:#f87171}.editor-bend-points-note{color:var(--text-muted, #64748b);font-size:9px;margin-top:6px;line-height:1.3}.editor-selector-block{margin-top:6px;padding:6px;background:#00000040;border:1px solid var(--border, #2a2a30);border-radius:4px}.editor-selector-block+.editor-selector-block{margin-top:8px}.editor-selector-block-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #94a3b8);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.04)}.editor-selector-remove{background:transparent;border:1px solid var(--border, #2a2a30);color:var(--text-muted, #94a3b8);border-radius:3px;padding:0 6px;font-size:12px;cursor:pointer;line-height:1.4}.editor-selector-remove:hover{color:#f87171;border-color:#f87171}.editor-add-selector-btn{display:block;width:100%;margin-top:8px;padding:5px 8px;background:#3b82f614;color:#93c5fd;border:1px dashed rgba(59,130,246,.4);border-radius:4px;font-size:11px;cursor:pointer;transition:background 80ms,border-color 80ms}.editor-add-selector-btn:hover{background:#3b82f62e;border-color:#3b82f6b3;color:#fff}.mobile-panel-rail,.mobile-sheet{display:none}@media(max-width:1080px){body{min-height:100dvh;overscroll-behavior:none}.app-root--mobile-editor{height:100dvh;overflow:hidden}.app-root--mobile-editor .app-header{min-height:52px;padding:7px 8px;gap:8px;overflow:hidden}.app-root--mobile-editor .header-left{flex:0 0 auto;gap:8px;overflow:visible}.app-root--mobile-editor .brand-logo-svg{width:112px}.app-root--mobile-editor .brand-tagline,.app-root--mobile-editor .app-header .version,.app-root--mobile-editor .project-context,.app-root--mobile-editor .autosave-status{display:none}.app-root--mobile-editor .header-controls{flex:1 1 auto;min-width:0;gap:6px;padding-right:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-root--mobile-editor .header-controls::-webkit-scrollbar{display:none}.app-root--mobile-editor .project-actions,.app-root--mobile-editor .undo-redo,.app-root--mobile-editor .playback-controls{flex:0 0 auto}.app-root--mobile-editor .project-btn,.app-root--mobile-editor .mcp-relay-chip,.app-root--mobile-editor .undo-btn,.app-root--mobile-editor .redo-btn,.app-root--mobile-editor .play-btn,.app-root--mobile-editor .stop-btn,.app-root--mobile-editor .reset-btn,.app-root--mobile-editor .loop-btn,.app-root--mobile-editor .reset-all-btn{min-height:34px;padding:7px 10px}.app-root--mobile-editor .delivery-switcher,.app-root--mobile-editor .workspace-switcher{flex:0 0 auto}.app-root--mobile-editor .account-menu{position:relative;flex:0 0 auto;gap:6px;padding-left:6px;background:linear-gradient(90deg,rgba(7,16,23,0),var(--bg) 14px);transform:none}.app-root--mobile-editor .account-menu__upgrade{display:none}.app-root--mobile-editor .account-menu__support{min-height:30px;padding:6px 8px;border-radius:6px;font-size:11px;white-space:nowrap}.app-root--mobile-editor .account-menu__signin,.app-root--mobile-editor .account-menu__chip{min-height:34px;padding:7px 10px!important;border-radius:999px!important;font-size:12px!important;white-space:nowrap}.app-root--mobile-editor .mcp-relay-chip{min-height:34px;padding:7px 10px}.auth-modal-overlay{align-items:flex-start;justify-content:stretch;padding:0;background:linear-gradient(180deg,rgba(3,193,225,.11),transparent 240px),var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}.auth-modal-panel{width:100%;min-height:100dvh;max-height:none;padding:calc(46px + env(safe-area-inset-top)) 22px 28px;border:0;border-radius:0;background:linear-gradient(180deg,rgba(3,193,225,.08),transparent 160px),var(--bg);box-shadow:none}.auth-modal-title{font-size:26px}.auth-modal-copy{margin-bottom:22px;font-size:15px}.auth-modal-label{font-size:13px}.auth-modal-input{height:48px;font-size:16px}.auth-modal-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.auth-modal-button{width:100%;min-height:46px;font-size:14px}.app-root--mobile-editor .app-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(220px,1fr) minmax(190px,34vh);flex:1 1 auto;min-height:0;overflow:hidden}.app-root--mobile-editor .left-column,.app-root--mobile-editor .right-column,.app-root--mobile-editor .panel-resize-handle{display:none!important}.mobile-panel-rail{grid-column:1;grid-row:1;display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(3,193,225,.08),transparent 48%),var(--surface);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-panel-rail::-webkit-scrollbar{display:none}.mobile-panel-rail__btn{flex:1 0 auto;min-width:80px;min-height:36px;padding:8px 10px;border-color:#ffffff14;color:var(--text-secondary);background:#ffffff09;font-size:12px}.mobile-panel-rail__btn--active{color:#041116;border-color:var(--accent);background:var(--accent);box-shadow:0 0 14px #03c1e12e}.app-root--mobile-editor .stage-column{grid-column:1;grid-row:2;min-height:0;border-left:0}.app-root--mobile-editor .trigger-workspace{grid-column:1;grid-row:1 / -1;min-width:0}.app-root--mobile-editor .stage-toolbar-row{align-self:stretch;max-width:none;margin:6px 8px 0;padding:5px;gap:7px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-root--mobile-editor .stage-toolbar-row::-webkit-scrollbar{display:none}.app-root--mobile-editor .shape-toolbar,.app-root--mobile-editor .responsive-variant-switcher,.app-root--mobile-editor .stage-size-bar,.app-root--mobile-editor .stage-bg-toggle,.app-root--mobile-editor .duration-bar{flex:0 0 auto}.app-root--mobile-editor .shape-toolbar-btn{width:40px;height:40px}.app-root--mobile-editor .shape-toolbar-btn:before,.app-root--mobile-editor .shape-toolbar-btn:after{display:none}.app-root--mobile-editor .responsive-variant-switcher{max-width:min(360px,82vw)}.app-root--mobile-editor .responsive-variant-btn,.app-root--mobile-editor .responsive-variant-add,.app-root--mobile-editor .stage-size-display,.app-root--mobile-editor .stage-reset-view-btn,.app-root--mobile-editor .stage-fit-view-btn,.app-root--mobile-editor .stage-bg-toggle-btn,.app-root--mobile-editor .duration-bar-display,.app-root--mobile-editor .duration-bar-presets-btn{min-height:34px}.app-root--mobile-editor .duration-bar-label{display:none}.app-root--mobile-editor .composition-switcher{margin:5px 8px 0;min-height:34px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-root--mobile-editor .composition-switcher::-webkit-scrollbar,.app-root--mobile-editor .composition-switcher-tabs::-webkit-scrollbar{display:none}.app-root--mobile-editor .composition-tab{min-height:26px;min-width:56px;max-width:106px}.app-root--mobile-editor .composition-switcher-select{flex-basis:118px;height:26px}.app-root--mobile-editor .composition-switcher-add{width:26px;min-width:26px;height:26px;flex-basis:26px}.app-root--mobile-editor .preview-panel{min-height:0;touch-action:none}.app-root--mobile-editor .preview-stage{max-width:none;max-height:none}.app-root--mobile-editor .comp-breadcrumbs{flex:0 0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-root--mobile-editor .timeline-wrapper{grid-column:1;grid-row:3;height:auto!important;min-height:190px;border-top:1px solid var(--border)}.app-root--mobile-editor .timeline-panel{min-height:0}.app-root--mobile-editor .tl-header{min-height:38px;padding:0 7px;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-root--mobile-editor .tl-header::-webkit-scrollbar{display:none}.app-root--mobile-editor .tl-header-left,.app-root--mobile-editor .tl-nav-controls,.app-root--mobile-editor .tl-layer-actions{flex:0 0 auto}.app-root--mobile-editor .tl-nav-btn{min-width:34px;min-height:28px;padding:5px 8px}.app-root--mobile-editor .tl-keyframe-nav-btn{width:36px;height:28px}.app-root--mobile-editor .tl-body{overflow:auto;-webkit-overflow-scrolling:touch}.app-root--mobile-editor .tl-labels-col{flex-basis:154px;min-width:154px}.app-root--mobile-editor .tl-ruler,.app-root--mobile-editor .tl-ruler-label{height:34px}.app-root--mobile-editor .tl-ruler,.app-root--mobile-editor .tl-tracks-col,.app-root--mobile-editor .tl-track,.app-root--mobile-editor .tl-work-area-bracket{touch-action:none}.app-root--mobile-editor .tl-work-area-bracket{width:12px}.app-root--mobile-editor .tl-lane-label{min-height:34px}.app-root--mobile-editor .chat-input-bar{min-height:76px;padding:10px 8px;gap:8px}.app-root--mobile-editor .chat-collapsed-bar{min-height:40px;padding:5px 8px}.app-root--mobile-editor .chat-collapse-btn{width:36px;height:36px;border-radius:9px}.app-root--mobile-editor .chat-target-scope{display:none}.app-root--mobile-editor .chat-input{height:52px;padding:0 14px;border-radius:12px;font-size:15px}.app-root--mobile-editor .chat-send-btn,.app-root--mobile-editor .chat-mic-btn{width:52px;height:52px;border-radius:12px}.mobile-sheet{position:fixed;inset:0;z-index:140;display:block;pointer-events:none}.mobile-sheet__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#0000006b;pointer-events:auto}.mobile-sheet__panel{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:220px;max-height:70dvh;border:1px solid var(--border-strong);border-bottom:0;border-radius:16px 16px 0 0;background:linear-gradient(180deg,rgba(3,193,225,.07),transparent 110px),var(--surface);box-shadow:0 -18px 46px #00000075;pointer-events:auto;overflow:hidden}.mobile-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mobile-sheet__close{width:34px;height:34px;padding:0;border-color:#ffffff14;border-radius:8px;color:var(--text-muted);background:#ffffff09;font-size:20px;line-height:1}.mobile-sheet__body{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.mobile-sheet__body>*{min-height:100%}.mobile-sheet__body .export-panel{min-height:100%;border:0}}.import-html-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px}.import-html-breadcrumb-chip{border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:inherit;border-radius:10px;padding:2px 8px;font-size:11px;line-height:1.5;cursor:pointer;white-space:nowrap}.import-html-breadcrumb-chip:hover{background:#03c1e129;border-color:#03c1e180}.import-html-breadcrumb-chip.active{background:#f6c9442e;border-color:#f6c94499}.import-html-breadcrumb-chip+.import-html-breadcrumb-chip:before{content:""}.screen-capture-dialog{max-width:860px}.screen-capture-status{padding:20px;opacity:.75;font-size:13px}.screen-capture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:8px 0;max-height:420px;overflow-y:auto}.screen-capture-source{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;cursor:pointer;color:inherit}.screen-capture-source:hover{border-color:#03c1e18c;background:#03c1e11a}.screen-capture-source img{width:100%;border-radius:6px;display:block}.screen-capture-source-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-capture-crop-area{display:flex;flex-direction:column;gap:8px}.screen-capture-crop-help{font-size:12px;opacity:.75}.screen-capture-image-shell{position:relative;-webkit-user-select:none;user-select:none;cursor:crosshair;max-height:460px;overflow:auto}.screen-capture-image-shell img{max-width:100%;display:block;pointer-events:none}.screen-capture-crop-rect{position:absolute;border:2px solid #03c1e1;background:#03c1e124;pointer-events:none}.import-html-live-status{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11px;opacity:.85}.import-html-live-toggle{display:inline-flex;gap:4px;margin-left:auto}.import-html-motion-capture{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:8px;padding:8px;border:1px solid rgba(3,193,225,.24);border-radius:8px;background:#03c1e10f}.import-html-motion-capture button{flex:0 0 auto}.import-html-motion-options{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.import-html-motion-options>label:not(.import-html-motion-simplify){display:grid;gap:4px;color:var(--text-secondary, #aaa);font-size:10px}.import-html-motion-time-input{display:flex;align-items:center;gap:5px;color:var(--text-secondary, #aaa);font-size:11px}.import-html-motion-time-input input{width:72px;height:28px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;background:#111;color:#ddd;padding:0 7px;font:inherit}.import-html-motion-time-input input:focus{border-color:var(--accent);outline:none}.import-html-motion-simplify{display:flex;align-items:center;gap:7px;min-height:28px;color:var(--text-primary, #ddd);font-size:11px}.import-html-motion-simplify input{margin:0}.import-html-motion-actions{display:flex;align-items:center;gap:10px}.import-html-motion-status{min-width:0;font-size:11px;line-height:1.35;opacity:.78}.import-html-motion-status--captured{color:#8de5b0;opacity:1}.import-html-motion-status--error{color:#ff9b9b;opacity:1}.import-html-motion-warnings{margin:6px 0 0;padding-left:18px;font-size:11px;line-height:1.4;color:#f6c944}.import-html-motion-warnings li+li{margin-top:3px}.import-notice-toast{position:fixed;right:16px;bottom:16px;z-index:4000;max-width:420px;padding:12px 14px;border-radius:8px;border:1px solid rgba(246,201,68,.45);background:var(--bg-panel, #1c1c1e);color:var(--text-primary, #ddd);box-shadow:0 10px 30px #00000073;font-size:12px;line-height:1.45}.import-notice-toast__header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;color:#f6c944;margin-bottom:6px}.import-notice-toast__close{background:none;border:none;color:inherit;cursor:pointer;font-size:12px;padding:2px 4px;opacity:.7}.import-notice-toast__close:hover{opacity:1}.import-notice-toast__list{margin:0;padding-left:18px}.import-notice-toast__list li+li{margin-top:4px}.restore-banner{position:fixed;left:16px;bottom:16px;z-index:4000;display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:8px;border:1px solid rgba(3,193,225,.45);background:var(--bg-panel, #1c1c1e);color:var(--text-primary, #ddd);box-shadow:0 10px 30px #00000073;font-size:12px}.restore-banner__actions{display:flex;gap:8px}.restore-banner__restore,.restore-banner__dismiss{border:1px solid rgba(255,255,255,.18);border-radius:6px;background:transparent;color:inherit;font-size:12px;padding:4px 10px;cursor:pointer}.restore-banner__restore{border-color:#03c1e199;color:#03c1e1}.restore-banner__restore:hover{background:#03c1e11f}.restore-banner__dismiss:hover{background:#ffffff14}.import-html-preview-fallback{display:block;margin-top:6px;background:none;border:none;padding:0;color:#7fd6e8;font-size:11px;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px;opacity:.85}.import-html-preview-fallback:hover{opacity:1}