@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Devanagari;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-devanagari-devanagari-700-normal-v9jliTCB.woff2) format("woff2"),url(/assets/noto-sans-devanagari-devanagari-700-normal-h2KXAbYG.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans Devanagari;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-devanagari-latin-ext-700-normal-BKjKJI-9.woff2) format("woff2"),url(/assets/noto-sans-devanagari-latin-ext-700-normal-DXhSwleO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Devanagari;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-devanagari-latin-700-normal-DcW8oEIt.woff2) format("woff2"),url(/assets/noto-sans-devanagari-latin-700-normal-B5n956PN.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=light]{color-scheme:light;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-hindi: "Noto Sans Devanagari", sans-serif;font-family:var(--font-body);color:#09090b;background:#fff;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-app: #fcfcfd;--color-bg-panel: #ffffff;--color-bg-panel-subtle: #f8f9fa;--color-bg-surface: #f4f5f7;--color-bg-surface-hover: #ebecee;--color-bg-surface-active: #e2e4e8;--color-bg-surface-raised: #ffffff;--color-bg-input: #ffffff;--color-bg-stage: #000000;--color-card-bg: #ffffff;--color-card-hover: #fafbfc;--color-card-border: #e2e8f0;--color-item-bg: #f8fafc;--color-item-hover: #f1f5f9;--color-text-primary: #09090b;--color-text-secondary: #52525b;--color-text-muted: #71717a;--color-text-inverse: #ffffff;--color-border-subtle: #e5e7eb;--color-border-medium: #d1d5db;--color-border-strong: #9ca3af;--color-border-hover: #09090b;--color-accent: #2ee368;--color-accent-hover: #26cf5e;--color-accent-glow: rgba(46, 227, 104, .35);--color-accent-dim: rgba(46, 227, 104, .12);--color-accent-text: #052e16;--color-brand-ink: #09090b;--color-brand-ink-hover: #27272a;--color-brand-ink-text: #ffffff;--color-scrollbar-thumb: #d4d4d8;--color-scrollbar-hover: #a1a1aa;--color-danger: #ef4444;--color-danger-dim: rgba(239, 68, 68, .08);--color-danger-border: rgba(239, 68, 68, .25);--color-warning: #f59e0b;--color-warning-dim: rgba(245, 158, 11, .12);--color-info: #3b82f6;--color-info-dim: rgba(59, 130, 246, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .06), 0 2px 6px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, .08), 0 4px 12px -2px rgba(0, 0, 0, .04);--shadow-popover: 0 20px 48px -6px rgba(0, 0, 0, .12), 0 8px 18px -4px rgba(0, 0, 0, .06);--color-bg-card: var(--color-card-bg);--color-bg-card-hover: var(--color-card-hover);--color-bg-hover: var(--color-bg-surface-hover);--color-bg-popover: var(--color-bg-surface-raised);--color-bg-chip: var(--color-item-bg);--color-accent-subtle: var(--color-accent-dim);--bg-app: var(--color-bg-app);--bg-panel: var(--color-bg-panel);--bg-panel-subtle: var(--color-bg-panel-subtle);--bg-surface: var(--color-bg-surface);--bg-surface-hover: var(--color-bg-surface-hover);--bg-surface-active: var(--color-bg-surface-active);--bg-surface-raised: var(--color-bg-surface-raised);--bg-input: var(--color-bg-input);--bg: var(--color-bg-app);--panel: var(--color-bg-panel);--input: var(--color-bg-input);--border-subtle: var(--color-border-subtle);--border-medium: var(--color-border-medium);--border-strong: var(--color-border-strong);--line: var(--color-border-subtle);--accent: var(--color-accent);--accent-light: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-glow: var(--color-accent-glow);--accent-dim: var(--color-accent-dim);--lime: var(--color-accent);--lime-dim: var(--color-accent-dim);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--muted: var(--color-text-secondary);--danger: var(--color-danger);--danger-dim: var(--color-danger-dim);--danger-border: var(--color-danger-border)}[data-theme=dark],.theme-dark{color-scheme:dark;--color-bg-app: #0a0b0d;--color-bg-panel: #111215;--color-bg-panel-subtle: #15171c;--color-bg-surface: #191b22;--color-bg-surface-hover: #222530;--color-bg-surface-active: #2b2f3d;--color-bg-surface-raised: #1c1e26;--color-bg-input: #131418;--color-bg-stage: #050507;--color-card-bg: #16181f;--color-card-hover: #1e2029;--color-card-border: rgba(255, 255, 255, .1);--color-item-bg: #14151b;--color-item-hover: #1c1e27;--color-bg-card: #16181f;--color-bg-card-hover: #1e2029;--color-bg-hover: #222530;--color-bg-popover: #1c1e26;--color-bg-chip: #191b22;--color-accent-subtle: rgba(46, 227, 104, .12);--color-text-primary: #f4f4f6;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-text-inverse: #09090b;--color-border-subtle: rgba(255, 255, 255, .08);--color-border-medium: rgba(255, 255, 255, .15);--color-border-strong: rgba(255, 255, 255, .28);--color-border-hover: rgba(255, 255, 255, .4);--color-accent: #2ee368;--color-accent-hover: #34f573;--color-accent-glow: rgba(46, 227, 104, .45);--color-accent-dim: rgba(46, 227, 104, .16);--color-accent-text: #052e16;--color-brand-ink: #2ee368;--color-brand-ink-hover: #34f573;--color-brand-ink-text: #052e16;--color-scrollbar-thumb: #2d313d;--color-scrollbar-hover: #454a5c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .55), 0 2px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 36px -4px rgba(0, 0, 0, .7), 0 6px 16px -2px rgba(0, 0, 0, .5);--shadow-popover: 0 24px 56px -6px rgba(0, 0, 0, .8), 0 10px 24px -4px rgba(0, 0, 0, .55);--color-danger: #f87171;--color-danger-dim: rgba(248, 113, 113, .12);--color-danger-border: rgba(248, 113, 113, .3);--color-warning: #fbbf24;--color-warning-dim: rgba(251, 191, 36, .15);--color-info: #60a5fa;--color-info-dim: rgba(96, 165, 250, .15);--bg-app: var(--color-bg-app);--bg-panel: var(--color-bg-panel);--bg-panel-subtle: var(--color-bg-panel-subtle);--bg-surface: var(--color-bg-surface);--bg-surface-hover: var(--color-bg-surface-hover);--bg-surface-active: var(--color-bg-surface-active);--bg-surface-raised: var(--color-bg-surface-raised);--bg-input: var(--color-bg-input);--bg: var(--color-bg-app);--panel: var(--color-bg-panel);--input: var(--color-bg-input);--border-subtle: var(--color-border-subtle);--border-medium: var(--color-border-medium);--border-strong: var(--color-border-strong);--line: var(--color-border-subtle);--accent: var(--color-accent);--accent-light: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-glow: var(--color-accent-glow);--accent-dim: var(--color-accent-dim);--lime: var(--color-accent);--lime-dim: var(--color-accent-dim);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--muted: var(--color-text-secondary);--danger: var(--color-danger);--danger-dim: var(--color-danger-dim);--danger-border: var(--color-danger-border)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-app);color:var(--text-primary);overflow:hidden;height:100vh;touch-action:pan-x pan-y;transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;transition:all .15s cubic-bezier(.16,1,.3,1)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input{min-width:0}select{cursor:pointer;color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}select:hover{border-color:var(--border-medium)}select:focus{border-color:var(--color-accent);outline:none}input[type=range]{accent-color:var(--color-accent);cursor:pointer}input[type=number]{color:var(--color-text-primary);background:var(--color-bg-input)}svg{flex-shrink:0}h1,h2,h3,p{margin:0}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-app)}.studio-navbar{height:56px;flex-shrink:0;background:var(--color-bg-panel);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;z-index:40;box-shadow:var(--shadow-sm);transition:background-color .2s ease,border-color .2s ease}.navbar-left{display:flex;align-items:center;gap:14px;min-width:0}.navbar-brand{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:transparent;transition:background .15s ease;cursor:pointer}.navbar-brand:hover{background:var(--bg-surface)}.navbar-brand-logo{height:28px;width:auto;max-width:140px;object-fit:contain;display:block}.brand-text{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.6px;color:var(--color-text-primary);line-height:1;transition:color .2s ease}.brand-dot{color:var(--accent);font-size:24px}.brand-tag{font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--accent-light);background:var(--accent-dim);border:1px solid rgba(16,185,129,.28);padding:2.5px 6px;border-radius:9999px;line-height:1}.nav-divider{width:1px;height:22px;background:var(--border-subtle)}.navbar-project{display:flex;align-items:center;gap:10px;min-width:0}.navbar-project-input{font-size:14px;font-weight:600;color:var(--color-text-primary);background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 8px;width:clamp(140px,20vw,280px);transition:all .15s}.navbar-project-input:hover:not(:read-only){background:var(--bg-surface);border-color:var(--border-subtle)}.navbar-project-input:focus:not(:read-only){background:var(--color-bg-panel);border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent);outline:none}.navbar-save-badge{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted);white-space:nowrap}.status-dot{width:6.5px;height:6.5px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 6px #10b98166}.status-dot.offline{background:#f59e0b;box-shadow:0 0 6px #f59e0b66}.navbar-center{display:flex;align-items:center;justify-content:center}.navbar-meta-pill{display:flex;align-items:center;gap:8px;padding:4px 14px;border-radius:9999px;background:var(--bg-panel-subtle);border:1px solid var(--border-subtle);font-size:11.5px;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:500}.pill-dot{width:3px;height:3px;background:#a1a1aa;border-radius:50%}.navbar-right{display:flex;align-items:center;gap:8px}.nav-btn-group{display:flex;align-items:center;gap:2px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:2px}.nav-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:7px;transition:all .15s ease;white-space:nowrap}.nav-btn.ghost{color:var(--text-secondary);background:transparent}.nav-btn.ghost:hover{color:var(--color-text-primary);background:var(--bg-surface)}.nav-btn.secondary{color:var(--color-text-primary);background:var(--color-bg-surface-raised);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);font-weight:500}.nav-btn.secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-medium)}.nav-btn.primary{background:var(--color-brand-ink);color:var(--color-brand-ink-text);font-weight:600;border:1px solid var(--color-brand-ink);box-shadow:var(--shadow-sm)}.nav-btn.primary:hover:not(:disabled){background:var(--color-brand-ink-hover);transform:translateY(-.5px);box-shadow:var(--shadow-md)}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:7px;flex-shrink:0;transition:all .15s}.icon-button:hover:not(:disabled){color:var(--color-text-primary);background:var(--bg-surface-hover)}.icon-button.tiny{width:24px;height:24px}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}html[data-magicui-theme-vt=active]::view-transition-group(root){animation-duration:var(--magicui-theme-toggle-vt-duration, .4s)}html[data-magicui-theme-vt=active]::view-transition-new(root){clip-path:var(--magicui-theme-vt-clip-from)}.theme-toggle-btn,.animated-theme-toggler{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:7px;flex-shrink:0;border:1px solid transparent;background:transparent;cursor:pointer;padding:0;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .25s cubic-bezier(.16,1,.3,1)}.theme-toggle-btn:hover,.animated-theme-toggler:hover{color:var(--color-text-primary);background:var(--bg-surface-hover);border-color:var(--border-subtle);transform:rotate(15deg)}.theme-toggle-btn:active,.animated-theme-toggler:active{transform:scale(.92)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.studio{width:100%;flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden}.studio-nav-rail{width:66px;min-width:66px;background:var(--color-bg-panel);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 0 16px;box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:15;flex-shrink:0;height:100%;transition:background-color .2s ease,border-color .2s ease}.rail-nav-group{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 6px;box-sizing:border-box}.rail-footer-group{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 6px;box-sizing:border-box;margin-top:auto}.rail-nav-item{width:54px;height:52px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:0;transition:all .15s cubic-bezier(.16,1,.3,1)}.rail-nav-item:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.rail-nav-item.active{background:var(--color-accent-dim);border-color:#2ee36866;color:var(--color-text-primary);box-shadow:0 1px 3px #2ee3681f}.rail-nav-item.active .rail-nav-icon{color:var(--color-accent)}.rail-nav-item.active .rail-nav-label{color:var(--color-text-primary);font-weight:600}.rail-nav-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease}.rail-nav-item:hover .rail-nav-icon{transform:translateY(-1px)}.rail-nav-label{font-size:11px;font-weight:500;line-height:1.1;letter-spacing:.01em}.rail-help-btn{width:44px;height:44px;border-radius:50%;color:var(--color-text-secondary)}.rail-help-btn:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.editor-grid{display:grid;grid-template-columns:minmax(320px,360px) 1fr;flex:1;min-height:0;overflow:hidden}.panel{background:var(--bg-panel);display:flex;flex-direction:column;min-width:0;overflow:hidden;height:100%;transition:background-color .2s ease}.transcript-panel{border-right:1px solid var(--border-subtle);background:var(--color-bg-panel)}.preview-panel{background:var(--color-bg-app);display:flex;flex-direction:column;padding:0 24px;min-width:0;overflow:hidden;transition:background-color .2s ease}.style-panel{border-right:1px solid var(--border-subtle);border-left:none;background:var(--color-bg-panel)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:48px;min-height:48px;padding:0 16px;border-bottom:1px solid var(--border-subtle);background:var(--color-bg-panel);flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.sidebar-header-left{display:flex;align-items:center;gap:8px}.sidebar-brand-tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--color-text-primary);letter-spacing:.04em;text-transform:uppercase}.sidebar-word-count{font-size:11px;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--border-subtle);padding:1px 7px;border-radius:9999px}.sidebar-header-right{display:flex;align-items:center;gap:4px}.sidebar-tool-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease}.sidebar-tool-btn:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary);border-color:var(--border-subtle)}.panel-tabs{display:flex;align-items:center;gap:16px;height:50px;min-height:50px;border-bottom:1px solid var(--border-subtle);padding:0 18px;background:var(--color-bg-panel);flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.panel-tabs>button{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary);position:relative;padding:14px 4px;height:100%}.panel-tabs>button:hover{color:var(--color-text-primary)}.panel-tabs>button.active{color:var(--color-text-primary);font-weight:600}.panel-tabs>button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-text-primary);border-radius:2px 2px 0 0}.template-search-row{padding:14px 18px 8px;background:var(--color-bg-panel);transition:background-color .2s ease}.template-search-input-wrap{position:relative;display:flex;align-items:center;width:100%}.template-search-icon{position:absolute;left:11px;color:var(--text-muted);pointer-events:none}.template-search-input{width:100%;height:36px;background:var(--color-bg-input);border:1px solid var(--border-subtle);border-radius:9px;padding:0 34px;font-size:13px;color:var(--color-text-primary);font-family:inherit;outline:none;transition:all .15s ease;box-sizing:border-box}.template-search-input:focus{border-color:var(--color-accent);background:var(--color-bg-panel);box-shadow:0 0 0 2px var(--color-accent-glow)}.template-filter-btn{position:absolute;right:8px;width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;transition:color .15s ease}.template-filter-btn:hover{color:var(--color-text-primary)}.template-category-pills{display:flex;align-items:center;gap:6px;padding:0 18px 10px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border-subtle)}.template-category-pills::-webkit-scrollbar{display:none}.category-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 13px;border-radius:9999px;font-size:12px;font-weight:500;background:var(--color-bg-surface);border:1px solid var(--border-subtle);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none}.category-pill:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.category-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);font-weight:600;box-shadow:0 1px 4px var(--color-accent-glow)}.template-create-scratch-row{padding:14px 18px;background:var(--color-bg-panel);border-top:1px solid var(--border-subtle);position:sticky;bottom:0;z-index:5;transition:background-color .2s ease,border-color .2s ease}.template-create-scratch-btn{width:100%;height:40px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease}.template-create-scratch-btn:hover{background:var(--color-bg-surface-hover);border-color:var(--color-accent);box-shadow:0 2px 6px var(--color-accent-glow)}.template-create-scratch-btn .pro-badge{background:#2ee368;color:#09090b;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:9999px;letter-spacing:.04em}.placeholder-panel .panel-placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;height:calc(100% - 60px)}.placeholder-icon-wrap{width:60px;height:60px;border-radius:16px;background:var(--color-bg-surface);border:1px solid var(--border-subtle);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:var(--shadow-sm)}.placeholder-title{font-size:17px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.placeholder-subtitle{font-size:13px;color:var(--text-secondary);max-width:240px;margin:0 0 20px;line-height:1.5}.placeholder-back-btn{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg-surface);border:1px solid var(--border-subtle);color:var(--color-text-primary);font-size:12.5px;font-weight:500;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .15s ease}.placeholder-back-btn:hover{background:var(--color-bg-surface-hover)}.count{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);font-size:11px;font-weight:600;padding:1px 6px;border-radius:9999px}.captions-header{display:flex;align-items:center;justify-content:space-between;height:50px;min-height:50px;padding:0 18px;background:var(--color-bg-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.captions-header-left{display:flex;align-items:center;gap:8px}.captions-header-left>svg{color:var(--color-text-primary);flex-shrink:0}.captions-title{font-size:13px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.2px;margin:0}.captions-header-right{display:flex;align-items:center;gap:8px}.caption-search-btn,.caption-sparkles-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.caption-search-btn:hover,.caption-sparkles-btn:hover{background:var(--bg-surface-hover);color:var(--color-text-primary);border-color:var(--border-medium)}.caption-search-btn.active,.caption-sparkles-btn.active{background:var(--bg-surface-hover);border-color:var(--color-accent);color:var(--color-text-primary)}.dropdown-backdrop{position:fixed;inset:0;z-index:499;background:transparent}.caption-tools-wrap{position:relative}.caption-tools-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:175px;background:var(--color-bg-surface-raised);border:1px solid var(--border-subtle);border-radius:10px;padding:5px;box-shadow:var(--shadow-popover);z-index:500;display:flex;flex-direction:column;gap:2px;animation:popoverFadeIn .12s ease-out}.caption-tools-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:6px;font-size:12px;font-weight:500;color:var(--color-text-primary);background:transparent;border:0;width:100%;text-align:left;cursor:pointer;transition:background .12s}.caption-tools-item:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.caption-tools-item svg{color:var(--text-secondary);flex-shrink:0}.caption-tools-item:hover svg{color:var(--color-text-primary)}.caption-search-bar{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--bg-panel-subtle);border-bottom:1px solid var(--border-subtle)}.caption-search-bar input{flex:1;background:var(--color-bg-input);border:1px solid var(--border-subtle);border-radius:6px;padding:6px 10px;font-size:12.5px;color:var(--color-text-primary);outline:none;box-shadow:var(--shadow-sm)}.caption-search-bar input:focus{border-color:var(--color-accent)}.caption-search-replace-btn{display:flex;align-items:center;gap:5px;height:28px;padding:0 9px;border-radius:6px;background:var(--color-bg-surface);border:1px solid var(--border-subtle);font-size:11.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .12s ease;box-shadow:var(--shadow-sm);flex-shrink:0}.caption-search-replace-btn:hover{background:var(--bg-surface-hover);color:var(--color-text-primary);border-color:var(--border-medium)}.caption-search-replace-btn svg{color:var(--text-muted)}.caption-search-replace-btn:hover svg{color:var(--color-text-primary)}.transcript-content{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.caption-rows-list{flex:1;overflow-y:auto;padding:4px 0;background:var(--color-bg-panel)}.caption-row{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border-subtle);min-height:52px;transition:background .12s,border-color .12s,box-shadow .12s;border-left:2px solid transparent}.caption-row:hover{background:var(--color-card-hover)}.caption-row.is-current{background:var(--color-accent-dim);border-left-color:var(--accent)}.caption-row.is-drop-target{background:var(--color-accent-dim);border-left-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.caption-row-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.caption-num-pill{width:22px;height:22px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.caption-row-words{display:flex;flex-wrap:wrap;align-items:center;gap:6px 6px;flex:1;min-width:0}.caption-word-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--color-text-primary);font-size:14.5px;font-weight:400;line-height:1.4;padding:2px 6px;border-radius:6px;cursor:grab;transition:all .12s ease;white-space:pre;-webkit-user-select:none;user-select:none}.caption-word-btn:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.caption-word-btn:active{cursor:grabbing}.caption-word-btn.is-dragging{opacity:.35;transform:scale(.95);border:1px dashed var(--accent)}.caption-word-btn.drop-target-before:before{content:"";position:absolute;left:-4px;top:10%;bottom:10%;width:3px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px var(--accent);pointer-events:none;animation:pulseDropBar .8s ease-in-out infinite alternate}.caption-word-btn.drop-target-after:after{content:"";position:absolute;right:-4px;top:10%;bottom:10%;width:3px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px var(--accent);pointer-events:none;animation:pulseDropBar .8s ease-in-out infinite alternate}@keyframes pulseDropBar{0%{opacity:.6;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1.1)}}.caption-drop-slot{display:inline-block;width:3px;height:20px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px var(--accent);animation:pulseDropBar .8s ease-in-out infinite alternate;align-self:center}.caption-word-btn.is-active-word{color:var(--accent-light);font-weight:700;background:var(--accent-dim)}.caption-word-btn.is-selected{outline:2px solid #2563eb!important;outline-offset:1px;background:#2563eb1f!important;color:#1d4ed8!important;font-weight:600}.caption-word-btn.is-menu-open{outline:2px solid #09090b;outline-offset:1px;background:var(--bg-surface)}.caption-word-btn.is-emphasized{background:#10b9811a;border:1px solid rgba(16,185,129,.35);color:var(--accent-light);border-radius:6px;padding:2px 8px;font-weight:600}.caption-word-btn.is-emphasized:hover{background:#10b9812e;border-color:#10b9818c}.caption-word-btn.is-spotlight{box-shadow:0 0 0 1px #10b981,0 2px 8px #10b98140;border-color:var(--accent)}.caption-word-btn.is-behind{opacity:.65;text-decoration:underline dotted #94a3b8}.word-inline-input{background:var(--color-bg-input);border:1.5px solid var(--color-border-active);color:var(--color-text-primary);border-radius:6px;padding:2px 8px;font-size:14.5px;font-weight:500;outline:none;min-width:60px;max-width:220px;box-shadow:var(--shadow-sm)}.caption-row-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:10px}.caption-row-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .15s}.caption-row-action-btn:hover{color:#09090b;background:var(--bg-surface)}.caption-add-line-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 18px 24px;padding:9px 14px;border-radius:8px;border:1px dashed var(--border-medium);background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease;width:calc(100% - 36px)}.caption-add-line-btn:hover{background:var(--bg-surface);border-color:#09090b;color:#09090b}.word-context-backdrop{position:fixed;inset:0;z-index:998;background:transparent}.word-quick-backdrop{position:fixed;inset:0;z-index:98;background:transparent}.word-quick-toolbar{position:fixed;z-index:99;transform:translate(-50%);display:inline-flex;align-items:center;gap:3px;background:#18181b;border:1px solid rgba(255,255,255,.16);border-radius:9999px;padding:3px 5px;box-shadow:0 8px 24px #00000073,0 2px 6px #00000040;animation:quickToolbarPop .14s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.word-quick-toolbar:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:#18181b;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);pointer-events:none}.word-quick-toolbar.is-below:after{bottom:auto;top:-4px;border-right:none;border-bottom:none;border-left:1px solid rgba(255,255,255,.16);border-top:1px solid rgba(255,255,255,.16)}@keyframes quickToolbarPop{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.word-quick-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:#e4e4e7;font-size:11.5px;font-weight:500;padding:4px 8px;border-radius:9999px;cursor:pointer;transition:all .12s ease;line-height:1}.word-quick-btn:hover{background:#ffffff1f;color:#fff}.word-quick-btn.active.spotlight{background:#10b98140;color:#34d399;font-weight:600}.word-quick-btn.active.emphasis{background:#eab30840;color:#facc15;font-weight:600}.word-quick-btn.clear{color:#a1a1aa}.word-quick-btn.clear:hover{background:#ef44442e;color:#f87171}.word-quick-separator{width:1px;height:14px;background:#ffffff24;margin:0 1px}.word-context-menu{position:fixed;z-index:999;background:var(--color-bg-popover);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-popover);width:280px;padding:6px;display:flex;flex-direction:column;gap:2px;animation:popoverFadeIn .12s ease-out}.word-menu-header{padding:6px 10px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:4px}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.word-menu-item{display:flex;align-items:flex-start;gap:12px;padding:8px 10px;border-radius:8px;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background .12s ease}.word-menu-item:hover{background:var(--bg-surface)}.word-menu-item.active{background:var(--accent-dim)}.word-menu-item.active .word-menu-item-icon{color:var(--accent-light)}.word-menu-item-icon{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0}.word-menu-item:hover .word-menu-item-icon{color:var(--color-text-primary)}.word-menu-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.word-menu-item-title{font-size:13.5px;font-weight:600;color:var(--color-text-primary);line-height:1.2}.word-menu-item-desc{font-size:11.5px;font-weight:400;color:var(--text-muted);line-height:1.3}.word-menu-item.danger:hover{background:var(--danger-dim)}.word-menu-item.danger:hover .word-menu-item-icon,.word-menu-item.danger:hover .word-menu-item-title{color:var(--danger)}.word-menu-divider{height:1px;background:var(--border-subtle);margin:4px 6px;border:0}.word-inspector-docked{border:1px solid var(--border-subtle);border-radius:12px;background:var(--color-bg-card);padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.word-inspector-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.word-inspector-head strong{font-size:13.5px;font-weight:600;color:var(--color-text-primary)}.word-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspector-field label{display:block;font-size:11px;font-weight:500;color:var(--text-muted);margin-bottom:4px;display:flex;justify-content:space-between}.timing-stepper{display:flex;align-items:center;border:1px solid var(--border-subtle);border-radius:7px;background:var(--color-bg-input);overflow:hidden;box-shadow:var(--shadow-sm)}.timing-stepper input{flex:1;min-width:0;background:none;border:0;color:var(--color-text-primary);padding:6px 4px;font-size:12px;font-variant-numeric:tabular-nums;text-align:center;outline:none}.nudge-btn{width:28px;height:30px;display:grid;place-items:center;color:var(--text-secondary);background:var(--bg-surface);border:0;font-size:10px;cursor:pointer}.nudge-btn:hover{background:var(--bg-surface-hover);color:var(--color-text-primary)}.upload-card{margin:24px 18px 0;border:1.5px dashed var(--border-medium);border-radius:14px;background:var(--color-bg-card);padding:32px 20px 24px;text-align:center;transition:all .2s ease;box-shadow:var(--shadow-sm)}.upload-card.dragging{border-color:var(--color-border-active);background:var(--bg-surface)}.upload-symbol{position:relative;display:grid;place-items:center;margin:0 auto 20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;color:#09090b;width:56px;height:56px}.upload-symbol>span{position:absolute;right:-6px;bottom:-4px;background:#09090b;color:#fff;width:20px;height:20px;border-radius:6px;display:grid;place-items:center}.upload-card h2{font-family:var(--font-display);font-size:18px;font-weight:700;color:#09090b;letter-spacing:-.3px}.upload-card p{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:8px 0 20px}.upload-formats{display:block;font-size:11px;line-height:1.6;color:var(--text-muted);margin-top:16px}.upload-preferences{padding:20px 18px 12px;display:grid;gap:16px}.upload-preferences label{font-size:11.5px;color:var(--text-secondary);display:grid;gap:6px;font-weight:500}.privacy-note{display:flex;align-items:center;gap:10px;font-size:11.5px;line-height:1.6;color:var(--text-muted);padding:10px 20px 24px}.processing-state{padding:36px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:16px}.processing-orb{width:68px;height:68px;display:grid;place-items:center;background:var(--accent-dim);color:var(--accent-light);border:1px solid rgba(16,185,129,.3);border-radius:50%;margin:12px 0;animation:breathe 2.5s infinite}.processing-state h2{font-size:18px;font-weight:700;letter-spacing:-.4px;color:var(--color-text-primary)}.processing-state p{font-size:13px;line-height:1.6;color:var(--text-secondary)}.process-steps{display:grid;text-align:left;gap:14px;margin-top:10px;font-size:12.5px;color:var(--text-secondary)}.process-steps span{display:flex;gap:8px;align-items:center}.process-steps .done{color:var(--accent-light);font-weight:600}progress{width:100%;height:5px;border:0;border-radius:9999px;background:var(--border-subtle);overflow:hidden}progress::-webkit-progress-bar{background:var(--border-subtle)}progress::-webkit-progress-value{background:var(--color-accent)}progress::-moz-progress-bar{background:var(--color-accent)}.preview-toolbar{height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.preview-toolbar>div{display:flex;align-items:center;gap:10px}.section-label{font-size:10px;color:var(--text-muted);letter-spacing:1.2px;font-weight:700}.preview-tools{display:flex;align-items:center;gap:8px}.preview-tools select{background:var(--color-bg-input);border:1px solid var(--border-subtle);color:var(--color-text-primary);font-size:11.5px;padding:4px 8px;border-radius:6px}.media-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--color-bg-surface);color:var(--text-secondary);font-size:11px;white-space:nowrap;box-shadow:var(--shadow-sm)}.media-toggle:hover{border-color:var(--border-medium);color:var(--color-text-primary)}.media-toggle.removed{background:var(--accent-dim);border-color:#10b98159;color:var(--accent-light)}.preview-stage{flex:1;min-height:280px;display:flex;align-items:center;justify-content:center;padding:14px 0;position:relative;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.02) 0%,transparent 70%)}.video-frame{height:100%;max-width:100%;overflow:hidden;border-radius:12px;position:relative;background:#000;box-shadow:0 0 0 1px #00000014,0 20px 48px -12px #00000029,0 6px 16px -4px #00000014}.video-frame>video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.video-frame>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto}.video-frame:fullscreen{height:100%;max-width:none;border-radius:0;display:flex;align-items:center;justify-content:center}.video-frame:fullscreen>canvas{object-fit:contain}.video-frame.video-removed{background:#000}.video-frame.video-removed>video{visibility:hidden}.video-frame.empty-frame{background:#000}.preview-stage.stage-dragging-over{background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.08) 0%,transparent 70%)}.media-upload-dropzone{display:flex;align-items:center;justify-content:center;width:92%;max-width:580px;min-height:480px;padding:40px 32px;background:var(--color-bg-panel);border:1.5px dashed var(--color-border-medium);border-radius:24px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);outline:none;-webkit-user-select:none;user-select:none}.media-upload-dropzone:hover{border-color:var(--accent);background:var(--color-bg-panel);box-shadow:0 12px 36px -4px var(--color-accent-glow);transform:translateY(-1px)}.media-upload-dropzone:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.media-upload-dropzone.is-dragging{border-color:var(--accent);border-style:solid;background:var(--color-accent-dim);box-shadow:0 16px 40px -4px var(--color-accent-glow),0 0 0 4px var(--accent-glow);transform:scale(1.01)}.upload-dropzone-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;width:100%}.upload-icon-circle{width:68px;height:68px;border-radius:50%;background:var(--color-accent-dim);color:var(--color-accent);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease;box-shadow:0 2px 8px var(--color-accent-glow)}.media-upload-dropzone:hover .upload-icon-circle,.media-upload-dropzone.is-dragging .upload-icon-circle{transform:scale(1.06);background:#2ee36838}.upload-dropzone-text{display:flex;flex-direction:column;align-items:center;gap:6px}.upload-dropzone-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.015em;color:var(--color-text-primary);margin:0}.upload-dropzone-desc{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.upload-main-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 22px;font-size:14px;font-weight:600;border-radius:9px;cursor:pointer;background:var(--color-accent);color:var(--color-accent-text);border:none;box-shadow:0 2px 10px var(--color-accent-glow);transition:all .16s ease;margin-top:4px}.upload-main-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px var(--color-accent-glow)}.upload-main-btn:active{transform:translateY(0)}.upload-divider{display:flex;align-items:center;justify-content:center;width:100%;max-width:380px;margin:18px 0 12px;gap:12px}.upload-divider-line{flex:1;height:1px;background:var(--border-subtle)}.upload-divider-text{font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap}.upload-samples-grid{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.upload-sample-card{position:relative;width:104px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--border-subtle);padding:0;background:#000;cursor:pointer;transition:all .16s ease;box-shadow:0 2px 6px #0000000d}.upload-sample-card:hover{border-color:var(--color-accent);box-shadow:0 4px 14px var(--color-accent-glow);transform:translateY(-2px)}.upload-sample-card:active{transform:translateY(0)}.upload-sample-img{width:100%;height:100%;object-fit:cover;display:block}.upload-sample-duration{position:absolute;bottom:5px;right:5px;background:#000000c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;padding:1.5px 5px;border-radius:4px;line-height:1.2}.upload-progress-container{width:100%;max-width:260px;height:6px;background:var(--bg-surface-hover);border-radius:9999px;overflow:hidden;margin-top:6px}.upload-progress-bar{height:100%;background:var(--accent);border-radius:9999px;transition:width .2s ease}.stage-drag-overlay{position:absolute;inset:0;background:#09090bd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:600;font-size:14px;z-index:50;pointer-events:none;border-radius:12px}.audio-media{visibility:hidden}.audio-backdrop{position:absolute;left:0;right:0;top:30%;display:flex;align-items:center;flex-direction:column;gap:16px;color:var(--text-muted)}.audio-backdrop span{font-size:10px;letter-spacing:2px;font-weight:600}.preview-processing{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:center;gap:10px;justify-content:center;background:var(--color-bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-primary);font-size:12px;font-weight:600;padding:10px;border-radius:8px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.playback-controls{height:54px;display:flex;align-items:center;justify-content:space-between;position:relative;flex-shrink:0}.transport{display:flex;align-items:center;gap:12px;position:absolute;left:50%;transform:translate(-50%)}.play-button{border-radius:50%;width:40px;height:40px;background:var(--color-brand-ink);display:grid;place-items:center;color:var(--color-brand-ink-text);box-shadow:var(--shadow-sm);transition:all .15s ease}.play-button:hover:not(:disabled){background:var(--color-brand-ink-hover);transform:scale(1.05)}.play-button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.play-button>svg{width:16px;height:16px}.playback-time{font-size:12px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:500}.playback-time span{color:var(--text-muted);margin-left:4px}.timeline-container{padding:8px 0 6px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;touch-action:pan-x pan-y}.timeline-top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.timeline-track-tag{display:inline-flex;align-items:center;gap:8px;background:#141620;border:1px solid #232738;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;color:#94a3b8;-webkit-user-select:none;user-select:none}.timeline-track-tag span{color:#f1f5f9}.timeline-track-tag small{color:#64748b;font-size:10px;font-weight:500}.timeline-zoom-controls{display:inline-flex;align-items:center;gap:4px;background:#141620;border:1px solid #232738;border-radius:6px;padding:2px 6px}.timeline-zoom-level{font-size:11px;font-weight:600;color:#cbd5e1;min-width:36px;text-align:center;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.timeline-zoom-controls .icon-button.tiny{width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.timeline-zoom-controls .icon-button.tiny:hover:not(:disabled){background:#252a3b;color:#f1f5f9}.timeline-zoom-controls .icon-button.tiny:disabled{opacity:.35;cursor:not-allowed}.timeline-viewport{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;border-radius:8px;border:1px solid #1e2230;background:#0d0f15;box-shadow:inset 0 2px 4px #0006;scrollbar-width:thin;scrollbar-color:#333a4d #0d0f15}.timeline-viewport::-webkit-scrollbar{height:6px}.timeline-viewport::-webkit-scrollbar-track{background:#0d0f15}.timeline-viewport::-webkit-scrollbar-thumb{background:#333a4d;border-radius:3px}.timeline-viewport::-webkit-scrollbar-thumb:hover{background:#475569}.timeline-track-content{position:relative;height:124px;-webkit-user-select:none;user-select:none;cursor:crosshair;transition:width .1s ease-out}.timeline-ruler{position:absolute;top:0;left:0;right:0;height:20px;background:#0a0b0e;border-bottom:1px solid #1c202d;pointer-events:none}.timeline-ruler-tick{position:absolute;top:0;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none}.timeline-ruler-tick .tick-label{font-size:9px;font-weight:600;color:#64748b;font-variant-numeric:tabular-nums;position:absolute;top:2px;white-space:nowrap}.timeline-ruler-tick .tick-line{width:1px;background:#232838;height:5px}.timeline-ruler-tick.major .tick-line{background:#3b435b;height:8px}.timeline-waveform{position:absolute;top:20px;left:0;right:0;height:20px;display:flex;align-items:center;justify-content:space-around;gap:1px;padding:0 4px;pointer-events:none;z-index:1}.timeline-waveform i{display:block;background:#38bdf8;flex:1;min-width:1px;max-width:3px;border-radius:1px;transition:opacity .1s}.timeline-groups-lane{position:absolute;top:42px;left:0;right:0;height:72px;z-index:2;pointer-events:none}.timeline-group-container{position:absolute;top:0;height:68px;background:#1e3a8a73;border:1.5px solid #2563eb;border-radius:8px;box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:auto;box-shadow:0 3px 10px #0006;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.timeline-group-container.is-active{border-color:#60a5fa;background:#1e40af94;box-shadow:0 0 16px #3b82f673}.timeline-group-bracket{position:absolute;top:-1px;bottom:-1px;width:8px;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .12s ease,background .12s ease}.timeline-group-bracket.left{left:0;border-top-left-radius:7px;border-bottom-left-radius:7px;border-left:2.5px solid #60a5fa}.timeline-group-bracket.right{right:0;border-top-right-radius:7px;border-bottom-right-radius:7px;border-right:2.5px solid #60a5fa}.timeline-group-bracket:hover,.timeline-group-bracket:active{opacity:1!important;background:#60a5fa47}.timeline-group-words{position:absolute;top:4px;left:8px;right:8px;height:40px}.timeline-word-cell{position:absolute;top:0;height:40px;box-sizing:border-box;background:#141722;border:1px solid #282f42;border-radius:6px;color:#e2e8f0;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 6px;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background .12s ease,border-color .12s ease,color .12s ease;box-shadow:0 2px 5px #00000059}.timeline-word-cell:active{cursor:grabbing!important}.timeline-word-cell:hover{background:#1f2537;border-color:#3b82f6;color:#fff;z-index:5}.timeline-word-cell.is-active{background:#2563eb!important;border-color:#93c5fd!important;color:#fff!important;font-weight:600;box-shadow:0 0 12px #2563ebb3;z-index:6}.timeline-word-cell.is-selected{border-color:#38bdf8!important;box-shadow:0 0 0 2px #38bdf8bf!important;background:#1e293b!important;color:#93c5fd!important;z-index:7}.timeline-word-cell.is-emphasized{border-color:#eab308}.timeline-word-cell.is-spotlight{border-color:#22c55e;box-shadow:0 0 10px #22c55e73}.timeline-word-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-word-star{color:#eab308;font-size:11px;flex-shrink:0}.timeline-word-spotlight-badge{color:#22c55e;font-size:11px;flex-shrink:0}.timeline-word-edge-handle{position:absolute;top:0;bottom:0;width:6px;z-index:6;cursor:col-resize;opacity:0;transition:opacity .12s ease}.timeline-word-edge-handle.left{left:0}.timeline-word-edge-handle.right{right:0}.timeline-word-cell:hover .timeline-word-edge-handle{opacity:.5;background:#ffffff26}.timeline-word-edge-handle:hover,.timeline-word-edge-handle:active{opacity:1!important;background:#3b82f6!important}.timeline-word-divider{position:absolute;top:0;bottom:0;width:10px;transform:translate(-50%);cursor:col-resize;z-index:9;display:flex;align-items:center;justify-content:center}.timeline-word-divider .divider-line{width:2px;height:100%;background:#fff3;border-radius:1px;transition:all .12s ease}.timeline-word-divider:hover .divider-line,.timeline-word-divider:active .divider-line{width:3.5px;background:#60a5fa;box-shadow:0 0 8px #60a5fa}.timeline-group-drag-strip{position:absolute;bottom:2px;left:10px;right:10px;height:16px;cursor:grab;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;z-index:8;border-top:1px solid rgba(255,255,255,.08)}.timeline-group-drag-strip:active{cursor:grabbing!important}.timeline-group-drag-strip .drag-dots{font-size:15px;line-height:1;letter-spacing:2px;color:#ffffff59;pointer-events:none;transition:color .12s ease}.timeline-group-drag-strip:hover .drag-dots{color:#60a5fa}.timeline-group-drag-strip:active .drag-dots{color:#93c5fd}.timeline-playhead{position:absolute;top:0;bottom:0;width:0;z-index:12;pointer-events:none}.playhead-needle{position:absolute;top:0;left:0;width:10px;height:10px;background:#ef4444;clip-path:polygon(50% 100%,0 0,100% 0);transform:translate(-50%)}.playhead-line{position:absolute;top:10px;bottom:0;left:0;width:1.5px;background:#ef4444;transform:translate(-50%);box-shadow:0 0 6px #ef4444cc}.timeline-popover-backdrop{position:fixed;inset:0;z-index:998;background:transparent}.timeline-word-popover{position:fixed;z-index:999;width:290px;background:#12141c;border:1.5px solid #eab308;border-radius:12px;padding:14px;box-shadow:0 16px 36px #000000a6,0 0 16px #eab30826;color:#f1f5f9;display:flex;flex-direction:column;gap:12px;animation:popoverFadeIn .15s ease-out}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.popover-header{display:flex;align-items:center;justify-content:space-between}.popover-title{font-size:13px;font-weight:600;color:#eab308;letter-spacing:.01em}.popover-style-group{display:flex;align-items:center;background:#0b0c12;border:1px solid #282d3f;border-radius:8px;padding:2px;gap:2px}.popover-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;border-radius:6px;background:transparent;border:1px solid transparent;color:#94a3b8;cursor:pointer;transition:all .15s ease;padding:0}.popover-icon-btn:hover{color:#f1f5f9;background:#ffffff14}.popover-icon-btn.btn-emphasize:hover{color:#eab308;background:#eab3081f}.popover-icon-btn.btn-spotlight:hover{color:#10b981;background:#10b9811f}.popover-icon-btn.btn-clear:hover{color:#f87171;background:#ef44441f}.popover-icon-btn.active.btn-emphasize{color:#eab308;background:#eab30833;border-color:#eab30880;box-shadow:0 0 10px #eab30840}.popover-icon-btn.active.btn-spotlight{color:#10b981;background:#10b98133;border-color:#10b98180;box-shadow:0 0 10px #10b98140}.popover-icon-btn.active.btn-clear{color:#cbd5e1;background:#ffffff1a;border-color:#fff3}.popover-input-wrapper{position:relative;width:100%}.popover-word-input{width:100%;box-sizing:border-box;background:#0b0c12;border:2px solid #eab308;box-shadow:0 0 14px #eab30838;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:10px 32px 10px 12px;resize:none;outline:none;font-family:inherit;line-height:1.4}.popover-word-input:focus{border-color:#facc15;box-shadow:0 0 16px #facc154d}.popover-input-emoji{position:absolute;right:10px;bottom:12px;color:#64748b;display:flex;align-items:center;pointer-events:none}.popover-footer{display:flex;align-items:center;justify-content:space-between}.popover-btn-delete{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#261517;border:1px solid #451b1e;color:#f87171;cursor:pointer;transition:all .15s ease;padding:0}.popover-btn-delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.popover-footer-actions{display:flex;align-items:center;gap:8px}.popover-btn-cancel{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#1a1d2a;border:1px solid #2d3348;color:#94a3b8;cursor:pointer;transition:all .15s ease;padding:0}.popover-btn-cancel:hover{background:#252a3b;color:#fff}.popover-btn-confirm{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#eab308;border:1px solid #ca8a04;color:#000;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #eab30859;padding:0}.popover-btn-confirm:hover{background:#facc15;transform:translateY(-1px)}.popover-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#12141c;border-right:1.5px solid #eab308;border-bottom:1.5px solid #eab308}.timeline-container.clean-white{background:var(--color-bg-panel);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-sm);padding:0;display:flex;flex-direction:column;gap:0;flex-shrink:0;overflow:hidden;margin-top:10px;transition:background-color .2s ease,border-color .2s ease}.timeline-container.clean-white .timeline-top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--border-subtle);background:var(--color-bg-panel);transition:background-color .2s ease,border-color .2s ease}.timeline-time-display{display:inline-flex;align-items:baseline;gap:4px;-webkit-user-select:none;user-select:none;font-family:inherit}.timeline-time-display .time-current{font-size:15px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.timeline-time-display .time-sep{font-size:14px;color:var(--color-text-muted);margin:0 2px}.timeline-time-display .time-total{font-size:14px;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums}.timeline-transport{display:flex;align-items:center;gap:12px}.timeline-transport-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;border-radius:6px;transition:all .15s ease;padding:0}.timeline-transport-btn:hover:not(:disabled){background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.timeline-transport-btn:disabled{opacity:.3;cursor:not-allowed}.timeline-play-btn{width:44px;height:44px;border-radius:50%;background:#2ee368;color:#052e16;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #2ee36873;transition:all .16s cubic-bezier(.16,1,.3,1);padding:0}.timeline-play-btn:hover:not(:disabled){background:#26cf5e;transform:scale(1.06);box-shadow:0 5px 18px #2ee3688c}.timeline-play-btn:active:not(:disabled){transform:scale(.96)}.timeline-play-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.timeline-actions{display:flex;align-items:center;gap:10px}.timeline-action-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:13px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease}.timeline-action-btn:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--border-medium)}.timeline-action-btn:disabled{opacity:.4;cursor:not-allowed}.timeline-zoom-slider-wrap{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary)}.timeline-zoom-slider-wrap .icon-button.tiny{width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.timeline-zoom-slider-wrap .icon-button.tiny:hover:not(:disabled){background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.timeline-zoom-slider-wrap .icon-button.tiny:disabled{opacity:.3;cursor:not-allowed}.timeline-zoom-slider{-webkit-appearance:none;appearance:none;width:84px;height:4px;background:var(--border-subtle);border-radius:2px;outline:none;accent-color:#2ee368;cursor:pointer}.timeline-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#2ee368;cursor:pointer;box-shadow:0 1px 4px #2ee36866}.timeline-zoom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#2ee368;cursor:pointer;border:none;box-shadow:0 1px 4px #2ee36866}.timeline-actions .icon-button.tiny{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--color-bg-surface);color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.timeline-actions .icon-button.tiny:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--border-medium)}.timeline-actions .icon-button.tiny.active{background:var(--color-accent-dim);border-color:#2ee368;color:var(--color-text-primary)}.timeline-actions .icon-button.tiny:disabled{opacity:.4;cursor:not-allowed}.timeline-container.clean-white .timeline-viewport{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;border:none;background:var(--color-bg-panel);box-shadow:none;border-radius:0;padding:4px 16px 8px;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}.timeline-container.clean-white .timeline-viewport::-webkit-scrollbar{height:5px}.timeline-container.clean-white .timeline-viewport::-webkit-scrollbar-track{background:transparent}.timeline-container.clean-white .timeline-viewport::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.timeline-container.clean-white .timeline-viewport::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.timeline-container.clean-white .timeline-track-content{position:relative;height:120px;-webkit-user-select:none;user-select:none;cursor:crosshair;transition:width .1s ease-out}.timeline-container.clean-white .timeline-ruler{position:absolute;top:0;left:0;right:0;height:18px;background:transparent;border-bottom:1px solid var(--border-subtle);pointer-events:none}.timeline-container.clean-white .timeline-ruler-tick .tick-label{font-size:9px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;position:absolute;top:0;white-space:nowrap}.timeline-container.clean-white .timeline-ruler-tick .tick-line{width:1px;background:var(--border-subtle);height:5px}.timeline-container.clean-white .timeline-ruler-tick.major .tick-line{background:var(--border-medium);height:8px}.timeline-container.clean-white .timeline-waveform{position:absolute;top:20px;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-around;gap:1.5px;padding:0 4px;pointer-events:none;z-index:1}.timeline-container.clean-white .timeline-waveform i{display:block;background:var(--border-strong);flex:1;min-width:1.5px;max-width:3.5px;border-radius:2px;transition:background .1s ease,height .1s ease}.timeline-container.clean-white .timeline-waveform i.is-played{background:#2ee368!important}.timeline-container.clean-white .timeline-groups-lane{position:absolute;top:54px;left:0;right:0;height:54px;z-index:2;pointer-events:none}.timeline-container.clean-white .timeline-group-container.white-card{position:absolute;top:0;height:50px;background:var(--color-card-bg);border:1px solid var(--border-subtle);border-radius:10px;box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:auto;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.timeline-container.clean-white .timeline-group-container.white-card.is-active{border-color:#2ee368;box-shadow:0 0 0 2px #2ee36840,0 3px 10px #0000000f}.timeline-container.clean-white .timeline-group-bracket{position:absolute;top:-1px;bottom:-1px;width:8px;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity .12s ease,background .12s ease,border-color .12s ease}.timeline-container.clean-white .timeline-group-bracket.left{left:0;border-top-left-radius:9px;border-bottom-left-radius:9px;border-left:2.5px solid var(--border-medium)}.timeline-container.clean-white .timeline-group-bracket.right{right:0;border-top-right-radius:9px;border-bottom-right-radius:9px;border-right:2.5px solid var(--border-medium)}.timeline-container.clean-white .timeline-group-bracket:hover,.timeline-container.clean-white .timeline-group-bracket:active{opacity:1!important;border-color:#2ee368!important;background:#2ee36826}.timeline-container.clean-white .timeline-group-words{position:absolute;top:4px;left:8px;right:8px;height:28px}.timeline-container.clean-white .timeline-word-cell.white-cell{position:absolute;top:0;height:28px;box-sizing:border-box;background:var(--color-item-bg);border:1px solid var(--border-subtle);border-radius:6px;color:var(--color-text-primary);font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 6px;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background .12s ease,border-color .12s ease,color .12s ease;box-shadow:0 1px 2px #00000008}.timeline-container.clean-white .timeline-word-cell.white-cell:hover{background:var(--color-item-hover);border-color:var(--border-medium);color:var(--color-text-primary);z-index:5}.timeline-container.clean-white .timeline-word-cell.white-cell:active{cursor:grabbing!important}.timeline-container.clean-white .timeline-word-cell.white-cell.is-active{background:var(--color-bg-surface-active);border-color:var(--border-strong);color:var(--color-text-primary);font-weight:600;box-shadow:0 1px 4px #0000001a;z-index:6}.timeline-container.clean-white .timeline-word-cell.white-cell.is-selected{border-color:#2ee368!important;box-shadow:0 0 0 2px #2ee36859!important;background:#2ee3681f!important;color:var(--color-text-primary)!important;z-index:7}.timeline-container.clean-white .timeline-word-cell.white-cell.is-emphasized{border-color:#eab308;background:#fffbeb;color:#854d0e}.timeline-container.clean-white .timeline-word-cell.white-cell.is-emphasized.is-active{background:#fde047;border-color:#eab308;color:#713f12;font-weight:700;box-shadow:0 0 10px #eab30873}.timeline-container.clean-white .timeline-word-cell.white-cell.is-spotlight{border-color:#2ee368;background:#f0fdf4;color:#15803d;box-shadow:0 0 8px #2ee3684d}.timeline-container.clean-white .timeline-word-cell.white-cell.is-spotlight.is-active{background:#2ee368;border-color:#26cf5e;color:#052e16;font-weight:700;box-shadow:0 0 12px #2ee36899}.timeline-container.clean-white .timeline-word-edge-handle:hover,.timeline-container.clean-white .timeline-word-edge-handle:active{opacity:1!important;background:#2ee368!important}.timeline-container.clean-white .timeline-word-divider .divider-line{background:var(--border-medium)}.timeline-container.clean-white .timeline-word-divider:hover .divider-line,.timeline-container.clean-white .timeline-word-divider:active .divider-line{background:#2ee368;box-shadow:0 0 6px #2ee368}.timeline-group-bar,.timeline-container.clean-white .timeline-group-bar{position:absolute;bottom:2px;left:6px;right:6px;height:14px;border-radius:4px;background:var(--color-bg-surface);border:1px solid var(--border-subtle);cursor:grab;display:flex;align-items:center;justify-content:center;z-index:8;transition:all .12s ease;-webkit-user-select:none;user-select:none}.timeline-group-bar:hover,.timeline-container.clean-white .timeline-group-bar:hover{background:#f1f5f9;border-color:#94a3b8}.timeline-group-bar:active,.timeline-container.clean-white .timeline-group-bar:active{cursor:grabbing!important;border-color:#2ee368!important;background:#2ee36826!important;box-shadow:0 0 8px #2ee36866}.timeline-group-bar .group-bar-track{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.timeline-group-bar .group-bar-grip{width:24px;height:3px;border-radius:2px;background:#cbd5e1;transition:all .12s ease}.timeline-group-bar:hover .group-bar-grip{background:#2ee368;width:34px}.timeline-group-bar:active .group-bar-grip{background:#16a34a}.timeline-live-tooltip{background:#09090b;color:#fff;border:1px solid #2ee368;border-radius:6px;padding:5px 9px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;box-shadow:0 8px 20px #00000047;text-align:center;white-space:nowrap;line-height:1.4;pointer-events:none;animation:tooltipFadeIn .1s ease}.timeline-live-tooltip .tooltip-line{letter-spacing:.2px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.timeline-add-line-btn{position:absolute;top:0;height:50px;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#09090b;font-size:13px;font-weight:600;padding:0 16px;cursor:pointer;box-shadow:0 2px 6px #0000000a;pointer-events:auto;transition:all .15s ease;-webkit-user-select:none;user-select:none}.timeline-add-line-btn:hover{border-color:#2ee368;background:#f8fafc;color:#09090b;box-shadow:0 4px 12px #2ee36833}.timeline-add-line-btn:active{transform:scale(.98)}.timeline-playhead.green-playhead{position:absolute;top:0;bottom:0;width:0;z-index:20;pointer-events:none}.timeline-playhead.green-playhead .playhead-marker{position:absolute;top:14px;left:0;width:12px;height:10px;background:#2ee368;clip-path:polygon(50% 100%,0 0,100% 0);transform:translate(-50%);z-index:21}.timeline-playhead.green-playhead .playhead-line{position:absolute;top:20px;bottom:0;left:0;width:2px;background:#2ee368;transform:translate(-50%);box-shadow:0 0 6px #2ee36899;z-index:20}.timeline-footer-strip{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid var(--border-subtle, #f1f5f9);background:var(--color-bg-timeline, #ffffff);-webkit-user-select:none;user-select:none}.timeline-shortcut-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary, #64748b);font-weight:500}.timeline-shortcut-right{display:flex;align-items:center;gap:18px}.timeline-footer-strip kbd{background:var(--color-bg-card, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;color:var(--color-text-primary, #334155);font-family:inherit;box-shadow:0 1px 1px #00000005}.preview-foot{display:flex;justify-content:space-between;gap:12px;padding:10px 0 12px;font-size:11px;color:var(--text-muted);flex-shrink:0}.preview-foot>span{display:flex;align-items:center;gap:6px}.keyboard-key{font-size:9.5px;padding:2px 5px;border:1px solid var(--border-subtle);border-radius:4px;background:var(--color-bg-card, #ffffff);color:var(--text-secondary);line-height:1;box-shadow:0 1px 1px #0000000a}.style-content{padding:20px;overflow-y:auto;flex:1;background:var(--color-bg-panel)}.style-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.style-intro h2{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.4px;color:var(--color-text-primary)}.style-intro p{font-size:12px;color:var(--text-muted);margin-top:4px}.template-number{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--border-medium)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-card{text-align:left;padding:0;min-width:0;background:transparent}.template-art{aspect-ratio:1.55;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:1px solid var(--border-subtle);overflow:hidden;text-align:center;transition:all .2s ease;box-shadow:var(--shadow-sm)}.template-card:hover .template-art{border-color:var(--border-medium);background:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.template-card.selected .template-art{border-color:#09090b;box-shadow:0 0 0 2px #09090b,0 8px 20px #00000014}.template-art>span:not(.template-tick){font-size:12px;color:#09090b;font-weight:700;line-height:1.5;letter-spacing:-.4px}.art-karaoke b{color:var(--pill-text, #07080a);background:var(--card-accent);padding:2px 4px;border-radius:4px}.art-editorial>span{font-family:Georgia,serif;font-style:italic;font-weight:400!important;letter-spacing:0!important;font-size:15px!important}.art-editorial b{color:var(--card-accent);font-weight:400;display:block;text-decoration:underline;text-underline-offset:4px}.art-bounce>span{transform:rotate(-4deg);display:grid;justify-items:center}.art-bounce b{color:var(--pill-text, #07080a);background:var(--card-accent);border-radius:8px;padding:0 7px;transform:rotate(8deg);font-size:17px}.art-kinetic>strong{font-size:22px;color:var(--card-accent);letter-spacing:-1.2px;transform:rotate(-4deg)}.art-neon{background:#090a0f!important}.art-neon>span{font-size:12px!important;line-height:1.2!important;font-weight:500;letter-spacing:1px!important;display:grid;color:#fff!important}.art-neon b{color:var(--card-accent);text-shadow:0 0 14px var(--card-accent);font-size:18px;letter-spacing:-.5px}.art-glow-script{background:#090a0f!important}.art-glow-script>span{font-size:13px!important;letter-spacing:-.6px!important;color:#fff!important}.art-glow-script i{font-family:Georgia,serif;color:#f8fafc;font-size:18px;font-weight:400}.art-glow-script b{font-family:Georgia,serif;font-size:19px;font-weight:400;font-style:italic;color:var(--card-accent);text-shadow:0 0 12px var(--card-accent)}.art-scribble>span{display:grid;gap:2px;font-size:11px!important;letter-spacing:1px!important}.art-scribble b{font-size:14px;color:#09090b}.art-scribble small{font-size:15px;color:var(--card-accent);letter-spacing:-3px;transform:rotate(-5deg)}.art-welcome-stack>span{display:grid;gap:0;line-height:1.05!important;font-size:11px!important;text-align:left}.art-welcome-stack b{font-size:23px;line-height:1;color:var(--card-accent);text-shadow:0 0 12px var(--card-accent)}.art-welcome-stack small{font-size:10px;text-align:right;color:#52525b}.art-soft-focus>span{font-family:var(--font-body);font-size:14px!important;letter-spacing:-.6px!important}.art-soft-focus i{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#09090b;text-shadow:0 0 16px rgba(0,0,0,.1)}.art-double-trouble>span{display:grid;gap:0;font-family:Arial Narrow,Impact,sans-serif;font-size:13px!important;line-height:1.05!important;font-style:italic}.art-double-trouble b{font-size:17px;font-weight:400;color:#09090b;border:1px solid var(--card-accent);border-radius:50%;padding:0 5px;line-height:1.1}.art-double-trouble i{font-size:14px;font-weight:400}.art-bubble-highlight>span{font-size:11.5px!important;letter-spacing:-.4px!important}.art-bubble-highlight b{color:var(--pill-text, #07080a);background:var(--card-accent);padding:2px 4px;border-radius:4px;font-size:15px}.art-mumbai>span{display:grid;gap:0;line-height:1.05!important}.art-mumbai b{font-family:Impact,Arial Narrow,sans-serif;color:var(--card-accent);font-size:17px;letter-spacing:1px}.art-mumbai i{font-family:Georgia,serif;color:#09090b;font-size:16px;font-weight:400}.art-editing-school>span b{display:inline-block;background:var(--card-accent);color:var(--pill-text, #07080a);padding:10px 12px;border-radius:4px;font-size:20px;line-height:1}.art-kalakar-shadow>span{display:grid;gap:0;line-height:1!important;font-size:11px!important;text-shadow:2px 3px 0 rgba(0,0,0,.1)}.art-kalakar-shadow b{font-size:21px;color:var(--card-accent);text-shadow:2px 3px 0 rgba(0,0,0,.15)}.art-pop-up>span{font-size:10.5px!important;letter-spacing:-.4px!important}.art-pop-up b{color:var(--card-accent);font-size:17px;text-shadow:0 0 10px var(--card-accent)}.template-tick{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#09090b;color:#fff;display:grid;place-items:center;border-radius:50%;box-shadow:0 2px 6px #00000026}.template-label{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11.5px;font-weight:600;padding:6px 2px 0;color:var(--color-text-primary)}.template-label small{font-size:9px;font-weight:500;color:var(--text-muted)}.selected-template-note{margin-top:18px;border:1px solid var(--border-subtle);background:var(--color-bg-card);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px}.selected-template-note>svg{color:var(--color-text-primary)}.selected-template-note>div{display:grid;gap:2px}.selected-template-note strong{font-size:12.5px;font-weight:600;color:var(--color-text-primary)}.selected-template-note span{font-size:11px;color:var(--text-muted)}.selected-template-note>.icon-button{margin-left:auto}.setting-field{margin:18px 0}.setting-field>label{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.setting-field>label>span{color:var(--text-muted);font-size:11.5px;font-weight:500}.setting-field>input[type=range]{width:100%;height:4px;display:block}.slider-row{display:flex;align-items:center;gap:8px}.slider-row input[type=range]{flex:1}.slider-number-badge{font-size:11.5px;font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:3px 8px;min-width:48px;text-align:center}.position-presets{display:flex;gap:6px;margin-top:10px}.position-presets>button{flex:1;font-size:11.5px;font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:6px;transition:all .15s}.position-presets>button:hover{background:var(--bg-surface-hover);color:var(--color-text-primary)}.position-presets>button.active{color:var(--color-text-primary);border-color:var(--color-border-active);background:var(--color-bg-card-hover, #ffffff);font-weight:600;box-shadow:var(--shadow-sm)}.segmented-control{display:flex;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:3px;gap:3px}.segmented-control button{flex:1;font-size:11.5px;font-weight:500;padding:6px;border-radius:6px;color:var(--text-secondary);background:none;border:0;transition:all .12s}.segmented-control button:hover{color:var(--color-text-primary)}.segmented-control button.active{background:var(--color-bg-card-hover, #ffffff);color:var(--color-text-primary);font-weight:600;box-shadow:0 1px 3px #00000014}.toggle-row{display:flex;align-items:center;position:relative;margin:20px 0;font-size:12.5px;font-weight:600;color:var(--color-text-primary);cursor:pointer}.toggle-row>input{position:absolute;right:0;opacity:0;width:36px;height:20px;cursor:pointer;z-index:2}.toggle-track{margin-left:auto;position:relative;width:36px;height:20px;border-radius:20px;background:var(--border-medium, #e4e4e7);transition:background .2s}.toggle-track:after{position:absolute;content:"";top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s}.toggle-row>input:checked+.toggle-track{background:var(--color-brand-primary, #09090b)}.toggle-row>input:checked+.toggle-track:after{transform:translate(16px)}.accent-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--border-subtle)}.accent-section>.section-label{display:flex;align-items:center;justify-content:space-between}.swatches{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}.swatches>button{width:24px;height:24px;border-radius:50%;position:relative;display:grid;place-items:center;padding:0;border:1.5px solid rgba(0,0,0,.08);cursor:pointer;transition:transform .12s}.swatches>button:hover{transform:scale(1.1)}.swatches>button.selected:after{content:"";position:absolute;inset:-4px;border:2px solid var(--color-border-active, #09090b);border-radius:50%}.custom-color{height:24px;width:24px;display:grid;place-items:center;position:relative;background:var(--bg-surface);border:1px dashed var(--border-medium);border-radius:50%;color:var(--text-secondary);overflow:hidden;cursor:pointer}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.tip-card{margin-top:20px;background:var(--color-bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:16px;position:relative}.tip-icon{position:absolute;top:14px;right:14px;color:var(--color-text-primary)}.tip-card strong{font-family:var(--font-display);font-size:13px;color:var(--color-text-primary);font-weight:700;display:block}.tip-card p{font-size:11.5px;color:var(--text-muted);line-height:1.6;margin-top:6px;padding-right:12px}.style-footer{padding:12px 18px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:10.5px;margin-top:auto}.style-footer .mini-brand{font-size:16px}.statusbar{height:28px;min-height:28px;padding:0 16px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-panel);flex-shrink:0}.statusbar-env{display:inline-flex;align-items:center;justify-content:center;padding:4px;cursor:default;border-radius:4px;transition:opacity .15s ease}.statusbar-env:hover{opacity:.8}.statusbar-help-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:transparent;border:0;color:var(--text-muted);cursor:pointer;transition:all .15s ease;padding:0}.statusbar-help-btn:hover{color:var(--color-text-primary);background:var(--bg-surface-hover)}.modal{border:1px solid var(--border-subtle);background:var(--color-bg-surface-raised);color:var(--color-text-primary);padding:0;border-radius:16px;box-shadow:var(--shadow-popover);max-height:90vh;width:min(500px,calc(100vw - 32px));overflow:auto}.modal.wide{width:min(720px,calc(100vw - 32px))}.modal::backdrop{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-inner{padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-head h2{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.5px;color:var(--color-text-primary)}.modal-description{font-size:13.5px;line-height:1.6;color:var(--text-secondary);margin:8px 0 20px}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:all .15s ease}.button.primary{background:var(--color-brand-ink);color:var(--color-brand-ink-text);box-shadow:var(--shadow-sm)}.button.primary:hover:not(:disabled){background:var(--color-brand-ink-hover)}.button.secondary{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--color-text-primary)}.button.secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-medium)}.button.compact{min-height:32px;padding:6px 12px;font-size:12px}.full{width:100%}.project-list{display:grid;gap:8px;margin-top:18px}.project-list>button{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:var(--color-card-bg);border:1px solid var(--border-subtle);text-align:left;box-shadow:var(--shadow-sm);transition:all .15s ease}.project-list>button:hover{border-color:var(--border-medium);background:var(--color-card-hover);transform:translateY(-.5px)}.project-list-icon{background:var(--bg-surface);color:var(--color-text-primary);padding:8px;border-radius:8px;display:flex}.project-list>button>span:nth-child(2){display:grid;gap:4px;overflow:hidden;flex:1}.project-list strong{font-size:13.5px;font-weight:600;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-list small{font-size:11.5px;color:var(--text-muted)}.empty-projects{padding:30px 0;text-align:center;color:var(--text-muted)}.empty-projects p{margin-top:12px;font-size:13px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.export-options>button{display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:16px 14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--color-card-bg);position:relative;text-align:left;box-shadow:var(--shadow-sm);transition:all .15s ease}.export-options>button:hover{border-color:var(--border-medium);background:var(--color-card-hover)}.export-options>button.selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent);background:var(--color-accent-dim)}.export-options>button>svg:first-child{color:var(--color-text-primary)}.export-options strong{font-size:13.5px;font-weight:600;color:var(--color-text-primary)}.export-options span{font-size:11.5px;color:var(--text-muted)}.export-options>button>svg:last-child:not(:first-child){position:absolute;top:14px;right:14px;color:var(--color-accent)}.export-resolution{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;margin:18px 0 12px;color:var(--color-text-primary)}.export-detail{display:flex;gap:10px;color:var(--text-muted);font-size:11.5px;margin:12px 0 20px}.export-detail>span+span:before{content:"·";margin-right:10px}.export-note{font-size:11.5px;color:var(--text-muted);line-height:1.6;margin:-6px 0 18px}.export-progress{margin:18px 0}.export-progress>div{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--text-secondary);margin-bottom:10px}.export-progress strong{margin-left:auto;color:var(--color-text-primary)}.export-downloads{margin-top:16px;display:grid;gap:8px}.export-downloads>a{display:flex;align-items:center;gap:8px;background:var(--color-card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;text-decoration:none;font-size:13px;font-weight:500;color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.export-downloads>a:hover{border-color:var(--border-medium);background:var(--color-card-hover)}.export-downloads>a>svg:first-child{color:var(--accent-light)}.export-downloads>a>svg:last-child{margin-left:auto}.subtitle-downloads{padding-top:18px;margin-top:20px;border-top:1px solid var(--border-subtle);text-align:center}.subtitle-downloads>span{font-size:11.5px;color:var(--text-muted)}.subtitle-downloads>div{display:flex;gap:8px;justify-content:center;margin-top:10px}.subtitle-downloads button{font-size:11.5px;font-weight:500;color:var(--color-text-primary);border:1px solid var(--border-subtle);padding:6px 10px;border-radius:6px;background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.subtitle-downloads button:hover{border-color:var(--border-medium);background:var(--color-bg-surface-hover)}.search-replace-modal-body{display:grid;gap:16px;margin-top:16px}.search-replace-field{display:grid;gap:6px}.search-replace-field label{font-size:12px;font-weight:600;color:var(--color-text-primary);display:flex;justify-content:space-between}.search-replace-field input[type=text]{background:var(--color-bg-input);border:1px solid var(--border-subtle);border-radius:8px;color:var(--color-text-primary);padding:8px 12px;font-size:13.5px;outline:none;box-shadow:var(--shadow-sm)}.search-replace-field input[type=text]:focus{border-color:var(--color-accent)}.search-replace-options{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-secondary);cursor:pointer}.search-replace-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.guide-number{font-family:var(--font-display);color:var(--color-text-primary);font-size:14px;font-weight:800}.guide-grid h3{font-size:14.5px;font-weight:700;margin:6px 0;color:var(--color-text-primary)}.guide-grid p{font-size:12.5px;line-height:1.6;color:var(--text-secondary)}.guide-note{background:var(--bg-panel-subtle);border:1px solid var(--border-subtle);border-radius:10px;padding:16px;display:flex;align-items:flex-start;gap:12px}.guide-note>svg{color:var(--color-text-primary)}.guide-note p{font-size:12px;line-height:1.6;color:var(--text-secondary)}.guide-shortcuts{display:flex;gap:20px;font-size:11.5px;color:var(--text-muted);margin-top:20px}.guide-shortcuts>span{display:flex;align-items:center;gap:6px}kbd{font-family:inherit;color:var(--color-text-primary);font-size:10px;font-weight:500;border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;background:var(--bg-surface);box-shadow:0 1px 1px #0000000a}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:1000;background:var(--color-bg-surface-raised);border:1px solid var(--border-subtle);box-shadow:var(--shadow-popover);border-radius:9999px;padding:10px 20px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--color-text-primary)}.toast>svg{color:var(--accent-light)}.toast>.icon-button{margin-left:10px}.upload-toast{position:fixed;right:24px;bottom:24px;padding:12px 18px;border-radius:10px;background:var(--color-brand-ink);color:var(--color-brand-ink-text);font-weight:600;display:flex;align-items:center;gap:10px;font-size:13px;z-index:990;box-shadow:var(--shadow-lg)}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{box-shadow:0 0 0 12px #10b9811f}}@media(max-width:1100px){.editor-grid{grid-template-columns:320px 1fr}.navbar-project-input{width:160px}}@media(max-width:860px){.editor-grid{display:flex;flex-direction:column;overflow-y:auto}.preview-panel{order:1;min-height:480px;padding:0 16px}.style-panel{order:2;border-right:0;border-top:1px solid var(--border-subtle)}}.media-panel{display:flex;flex-direction:column;height:100%;width:100%;background:var(--color-bg-panel);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.media-empty-state{display:flex;flex-direction:column;padding:18px 18px 24px;gap:16px;height:100%;overflow-y:auto;box-sizing:border-box}.media-panel-title-row h2{font-size:18px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin:0}.media-upload-box{border:1.5px dashed var(--color-border-medium);border-radius:14px;background:var(--color-card-bg);padding:36px 18px;text-align:center;cursor:pointer;outline:none;transition:all .18s cubic-bezier(.16,1,.3,1)}.media-upload-box:hover,.media-upload-box:focus-visible{border-color:var(--color-border-strong);background:var(--color-card-hover)}.media-upload-box.drag-active{border-color:var(--color-accent)!important;background:var(--color-accent-dim)!important;box-shadow:0 0 0 3px var(--color-accent-glow)}.media-upload-box-inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.media-upload-icon-circle{width:54px;height:54px;border-radius:50%;background:var(--color-bg-surface-raised);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);margin-bottom:14px;box-shadow:var(--shadow-sm)}.media-upload-box-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.media-upload-box-sub{font-size:12px;color:var(--text-secondary);margin:0 0 14px}.media-choose-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--color-brand-ink);color:var(--color-brand-ink-text);border:1px solid transparent;border-radius:8px;padding:7px 16px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease}.media-choose-btn:hover{background:var(--color-brand-ink-hover)}.media-support-info{display:flex;flex-direction:column;gap:4px;margin-top:4px}.support-formats-label{font-size:11.5px;font-weight:600;color:var(--color-text-primary);margin:0}.support-formats-text{font-size:11px;color:var(--text-secondary);line-height:1.45;margin:0}.support-limit-text{font-size:11px;font-weight:500;color:var(--color-text-primary);margin:4px 0 10px}.media-privacy-pill{display:inline-flex;align-items:center;align-self:flex-start;padding:4px 10px;background:var(--color-bg-surface);border:1px solid var(--border-subtle);border-radius:999px;font-size:11px;color:var(--text-secondary)}.upload-progress-stack{padding:12px 16px 4px;display:flex;flex-direction:column;gap:8px}.upload-progress-card{background:var(--color-card-bg);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow-sm)}.upload-progress-card.has-error{border-color:var(--color-danger-border);background:var(--color-danger-dim)}.upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.upload-file-info{display:flex;flex-direction:column;min-width:0}.upload-progress-title{font-size:12px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.upload-progress-meta{font-size:11px;color:var(--text-secondary)}.upload-progress-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.upload-progress-percent{font-size:11.5px;font-weight:600;color:var(--color-text-primary)}.upload-cancel-btn{background:transparent;border:none;font-size:11.5px;color:var(--text-secondary);cursor:pointer;padding:2px 4px;transition:color .15s ease}.upload-cancel-btn:hover{color:var(--color-danger)}.upload-retry-btn{background:var(--color-brand-ink);color:var(--color-brand-ink-text);border:none;border-radius:5px;font-size:11px;font-weight:600;padding:3px 8px;cursor:pointer}.upload-bar-track{width:100%;height:5px;background:var(--color-bg-surface);border-radius:999px;overflow:hidden}.upload-bar-fill{height:100%;background:var(--color-accent);border-radius:999px;transition:width .15s ease}.media-success-banner{margin:12px 16px 4px;padding:8px 12px;background:var(--color-accent-dim);border:1px solid rgba(46,227,104,.4);border-radius:8px;color:var(--color-accent-text);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.media-library-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.media-library-header{padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between}.media-library-header h2{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.media-count-badge{font-size:11px;color:var(--text-secondary);font-weight:500}.media-add-btn{display:inline-flex;align-items:center;gap:5px;background:var(--color-brand-ink);color:var(--color-brand-ink-text);border:none;border-radius:7px;font-size:12px;font-weight:600;padding:5px 11px;cursor:pointer;transition:background .15s ease}.media-add-btn:hover{background:var(--color-brand-ink-hover)}.media-search-sort-row{padding:0 16px 10px;display:flex;align-items:center;gap:8px}.media-search-wrap{flex:1;position:relative;display:flex;align-items:center}.media-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.media-search-input{width:100%;height:34px;background:var(--color-bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:0 28px;font-size:12.5px;color:var(--color-text-primary);font-family:inherit;outline:none;box-sizing:border-box;transition:all .15s ease}.media-search-input:focus{background:var(--color-bg-panel);border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.media-search-clear{position:absolute;right:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:inline-flex}.media-search-clear:hover{color:var(--color-text-primary)}.media-sort-select{height:34px;background:var(--color-bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:0 8px;font-size:12px;color:var(--color-text-primary);font-weight:500;font-family:inherit;outline:none;cursor:pointer}.media-sort-select:focus{border-color:var(--color-accent)}.media-inline-drop-hint{margin:0 16px 10px;padding:10px;border:1.5px dashed var(--color-accent);border-radius:8px;background:var(--color-accent-dim);color:var(--color-text-primary);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.media-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center}.media-search-empty h4{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:8px 0 2px}.media-search-empty p{font-size:12px;color:var(--text-secondary);margin:0 0 12px}.media-clear-search-btn{background:var(--color-bg-surface);border:1px solid var(--border-subtle);border-radius:7px;padding:5px 12px;font-size:12px;font-weight:500;color:var(--color-text-primary);cursor:pointer}.media-cards-grid{flex:1;overflow-y:auto;padding:4px 16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;align-content:start}.media-card{border:1px solid var(--border-subtle);border-radius:10px;background:var(--color-card-bg);overflow:hidden;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative;outline:none}.media-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.media-card.selected{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-glow)!important}.media-card-thumb-wrap{position:relative;width:100%;aspect-ratio:16/10;background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-card-img{width:100%;height:100%;object-fit:cover;display:block}.media-card-fallback-art{color:var(--text-muted);display:flex;align-items:center;justify-content:center}.media-card-badge{position:absolute;bottom:5px;right:5px;background:#000000bf;color:#fff;font-size:10px;font-weight:600;padding:1.5px 5px;border-radius:4px;letter-spacing:.02em}.media-selected-check{position:absolute;top:5px;left:5px;width:18px;height:18px;background:var(--color-accent);color:#052e16;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:8;box-shadow:0 2px 5px #00000040}.media-badge.media-used-badge{position:absolute;top:5px;left:5px;background:#000000d9;color:var(--color-accent);border:1px solid rgba(46,227,104,.4);font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:4px;display:inline-flex;align-items:center;gap:3px;z-index:7;letter-spacing:.02em}.media-card.selected .media-badge.media-used-badge{left:28px}.media-badge.green-screen-badge{position:absolute;top:5px;right:32px;background:var(--color-accent);color:#052e16;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:4px;display:inline-flex;align-items:center;gap:3px;letter-spacing:.03em;z-index:6}.media-card-dots-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:6px;background:#000000a6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .15s ease}.media-card:hover .media-card-dots-btn,.media-card-dots-btn:focus-visible{opacity:1}.media-card-menu{position:absolute;top:32px;right:5px;background:var(--color-bg-surface-raised);border:1px solid var(--border-subtle);border-radius:9px;box-shadow:var(--shadow-popover);z-index:50;padding:4px;min-width:140px;display:flex;flex-direction:column;gap:1px}.media-menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;border:none;background:transparent;font-size:12px;font-weight:500;color:var(--color-text-primary);cursor:pointer;text-align:left;width:100%;transition:background .12s ease}.media-menu-item:hover{background:var(--color-bg-surface-hover)}.media-menu-item.danger{color:var(--color-danger)}.media-menu-item.danger:hover{background:var(--color-danger-dim)}.media-menu-divider{height:1px;background:var(--border-subtle);margin:3px 0}.media-card-info{padding:7px 9px 8px;display:flex;flex-direction:column}.media-card-name{font-size:12px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-sub{font-size:10.5px;color:var(--text-secondary);margin-top:2px}.media-modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.media-modal-card{background:var(--color-bg-surface-raised);border-radius:16px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-popover);max-width:95vw;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .18s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.preview-modal{width:680px}.greenscreen-modal{width:780px}.dialog-modal{width:400px}.media-modal-head{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title-wrap{display:flex;align-items:center;gap:8px}.media-modal-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.media-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.media-modal-foot{padding:14px 20px;border-top:1px solid var(--border-subtle);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:flex-end;gap:10px}.preview-video-container,.preview-audio-container,.preview-image-container{width:100%;background:#09090b;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.preview-video-element{width:100%;max-height:420px;display:block}.preview-image-element{max-width:100%;max-height:440px;object-fit:contain;display:block}.preview-audio-art{padding:48px;color:var(--text-muted)}.preview-transport-bar{width:100%;background:#09090be6;padding:8px 14px;display:flex;align-items:center;gap:10px;box-sizing:border-box}.preview-transport-bar .icon-button{color:#fff}.preview-timecode{font-size:12px;font-family:monospace;color:#fff;min-width:42px}.preview-scrubber{flex:1;accent-color:#2ee368;height:4px;cursor:pointer}.preview-meta-chips{display:flex;flex-wrap:wrap;gap:6px}.meta-chip{background:var(--color-bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:3px 8px;font-size:11.5px;color:var(--text-secondary);font-weight:500}.rename-input-wrap{position:relative;display:flex;align-items:center}.rename-ext-badge{position:absolute;right:12px;font-size:12px;font-weight:600;color:var(--text-muted)}.rename-hint{font-size:11px;color:var(--text-secondary);margin:-10px 0 0}.remove-warning-text{font-size:13px;color:#b91c1c;line-height:1.5;background:var(--color-danger-dim);border:1px solid var(--color-danger-border);padding:12px;border-radius:8px;margin:0}.remove-desc-text{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.button.danger{background:var(--color-danger);color:#fff;border:1px solid transparent}.button.danger:hover{filter:brightness(.9)}.greenscreen-modal-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.greenscreen-preview-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.split-view-panel{display:flex;flex-direction:column;gap:6px}.split-view-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.split-canvas-wrap{width:100%;aspect-ratio:16/9;background:#09090b;border-radius:10px;overflow:hidden;position:relative;border:1px solid var(--border-subtle)}.split-canvas{width:100%;height:100%;object-fit:contain;display:block}.split-canvas.eyedropper-mode{cursor:crosshair!important}.checkerboard-bg{background-color:#1e293b;background-image:linear-gradient(45deg,#0f172a 25%,transparent 25%),linear-gradient(-45deg,#0f172a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0f172a 75%),linear-gradient(-45deg,transparent 75%,#0f172a 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.greenscreen-transport{background:var(--color-bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:6px 12px;display:flex;align-items:center;gap:10px}.greenscreen-transport .preview-timecode{color:var(--color-text-primary)}.greenscreen-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--color-bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:14px 16px}.greenscreen-control-item{display:flex;flex-direction:column;gap:6px}.gs-label{font-size:12px;font-weight:600;color:var(--color-text-primary)}.gs-label-row{display:flex;align-items:center;justify-content:space-between}.gs-val-badge{font-size:11px;font-weight:700;color:var(--color-text-primary);background:var(--color-bg-surface-active);padding:1px 6px;border-radius:4px}.color-picker-row{display:flex;align-items:center;gap:10px}.color-swatch-box{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-medium);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.color-hidden-input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.color-hex-text{font-size:12px;font-family:monospace;font-weight:600;color:#09090b}.eyedropper-btn{height:32px;padding:0 11px;border-radius:7px;border:1px solid var(--border-subtle, #d1d5db);background:var(--color-bg-card, #ffffff);color:var(--color-text-primary, #09090b);font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.eyedropper-btn:hover{background:var(--bg-surface-hover, #f1f5f9)}.eyedropper-btn.active{background:#2ee368;border-color:#26cf5e;color:#09090b;box-shadow:0 1px 4px #2ee36840}.gs-range-slider{accent-color:#2ee368;height:5px;cursor:pointer}.gs-toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.gs-hint{font-size:10.5px;color:#64748b;margin:0}.gs-apply-btn{background:#2ee368!important;color:#09090b!important;font-weight:700!important;border:1px solid #26cf5e!important}.gs-apply-btn:hover{background:#26cf5e!important}.video-keyed{opacity:0!important}.canvas-element-action-overlay{position:absolute;top:14px;left:14px;z-index:25}.canvas-delete-element-btn{background:#09090bd9;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s ease}.canvas-delete-element-btn:hover{background:#ef4444}.captions-panel{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;background:var(--color-bg-panel, #ffffff);border-right:1px solid var(--color-border-subtle, #e2e8f0);box-sizing:border-box}.captions-header{padding:10px 14px;border-bottom:1px solid var(--color-border-subtle, #e2e8f0);background:var(--color-bg-panel, #ffffff);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:auto;min-height:48px;box-sizing:border-box}.captions-header.compact-header{padding:10px 14px;height:auto;min-height:48px;flex-shrink:0;box-sizing:border-box}.captions-title-block{display:flex;flex-direction:column;gap:2px}.captions-title-row{display:flex;align-items:center;gap:8px}.captions-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:var(--color-accent-subtle, rgba(46, 227, 104, .12));color:var(--color-accent, #2ee368)}.captions-title{font-size:15px;font-weight:700;margin:0;color:var(--color-text-primary, #09090b);letter-spacing:-.2px}.captions-subtitle{font-size:11px;color:var(--color-text-secondary, #64748b);font-weight:500;margin:0;line-height:1.25}.captions-header-actions{position:relative}.captions-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:12px;height:100%}.empty-icon-wrap{width:68px;height:68px;border-radius:50%;background:var(--color-accent-subtle, rgba(46, 227, 104, .08));border:1px solid rgba(46,227,104,.22);display:flex;align-items:center;justify-content:center;color:var(--color-accent, #2ee368);margin-bottom:4px}.empty-title{font-size:16px;font-weight:700;color:var(--color-text-primary, #09090b);margin:0;letter-spacing:-.2px}.empty-description{font-size:12.5px;color:var(--color-text-secondary, #64748b);margin:0;max-width:240px;line-height:1.45}.generate-main-btn{width:100%;max-width:220px;height:40px;font-size:13px;font-weight:700!important;background:var(--color-accent, #2ee368)!important;color:var(--color-text-inverse, #052e16)!important;border-radius:8px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid var(--color-accent-hover, #26cf5e)!important;transition:transform .1s ease,filter .15s ease;margin-top:6px}.generate-main-btn:hover{filter:brightness(1.04)}.empty-subtext{font-size:11px;color:var(--color-text-muted, #94a3b8);max-width:230px;margin:0;line-height:1.35}.empty-no-media{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}.no-media-warning{font-size:12px;color:#e11d48;display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:500}.go-to-media-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;border-radius:6px}.captions-generate-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.generate-header-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--color-border-subtle, #e2e8f0)}.back-text-btn{background:none;border:none;font-size:12px;font-weight:600;color:var(--color-text-secondary, #64748b);cursor:pointer;padding:0}.back-text-btn:hover{color:var(--color-text-primary, #0f172a)}.generate-heading{font-size:13.5px;font-weight:700;margin:0;color:var(--color-text-primary, #09090b)}.generate-form-scrollable{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:16px}.generate-field-group{display:flex;flex-direction:column;gap:6px}.generate-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #64748b)}.source-select-wrap{position:relative;width:100%}.generate-select{width:100%;padding:8px 30px 8px 10px;font-size:12.5px;font-weight:500;background:var(--color-bg-input, #ffffff);border:1px solid var(--color-border-medium, #cbd5e1);border-radius:6px;color:var(--color-text-primary, #09090b);appearance:none;cursor:pointer}.generate-select:focus{border-color:var(--color-accent, #2ee368);outline:none;box-shadow:0 0 0 2px var(--color-accent-subtle, rgba(46, 227, 104, .2))}.select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-secondary, #64748b)}.field-hint{font-size:10.5px;color:var(--color-text-muted, #94a3b8);font-style:italic}.toggle-list{display:flex;flex-direction:column;gap:10px;background:var(--color-bg-card, #f8fafc);padding:10px 12px;border-radius:8px;border:1px solid var(--color-border-subtle, #e2e8f0)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.toggle-row.compact{padding:2px 0}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-title{font-size:12px;font-weight:600;color:var(--color-text-primary, #0f172a)}.toggle-desc{font-size:10.5px;color:var(--color-text-secondary, #64748b);line-height:1.35}.bol-switch{appearance:none;-webkit-appearance:none;width:36px;height:20px;background:var(--color-border-medium, #cbd5e1);border-radius:10px;position:relative;cursor:pointer;outline:none;flex-shrink:0;transition:background .2s ease}.bol-switch:before{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.bol-switch:checked{background:var(--color-accent, #2ee368)}.bol-switch:checked:before{transform:translate(16px)}.advanced-options-section{border-top:1px solid var(--color-border-subtle, #e2e8f0);padding-top:12px}.advanced-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:12px;font-weight:600;color:var(--color-text-primary, #09090b);cursor:pointer;padding:0}.advanced-toggle-btn:hover{color:var(--color-accent, #2ee368)}.advanced-content{margin-top:10px;display:flex;flex-direction:column;gap:12px;background:var(--color-bg-card, #f8fafc);padding:12px;border-radius:8px;border:1px solid var(--color-border-subtle, #e2e8f0)}.advanced-field{display:flex;flex-direction:column;gap:6px}.slider-label-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:600;color:var(--color-text-primary, #0f172a)}.slider-badge{font-size:10.5px;font-weight:700;color:var(--color-text-primary, #09090b);background:var(--color-bg-hover, #e2e8f0);padding:1px 6px;border-radius:4px}.bol-slider{width:100%;accent-color:var(--color-accent, #2ee368);cursor:pointer}.pill-choice-row{display:flex;gap:6px}.choice-pill{flex:1;padding:6px 10px;font-size:11.5px;font-weight:600;background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border-medium, #cbd5e1);border-radius:6px;cursor:pointer;transition:all .15s ease;color:var(--color-text-secondary, #334155)}.choice-pill:hover{border-color:var(--color-accent, #2ee368)}.choice-pill.active{background:var(--color-accent, #2ee368);color:var(--color-text-inverse, #052e16);border-color:var(--color-accent-hover, #26cf5e);font-weight:700}.generate-footer{padding:12px 14px;border-top:1px solid var(--color-border-subtle, #e2e8f0);background:var(--color-bg-panel, #ffffff)}.full-width-btn{width:100%;height:38px;font-size:13px;font-weight:700!important;background:var(--color-accent, #2ee368)!important;color:var(--color-text-inverse, #052e16)!important;border-radius:7px!important;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-accent-hover, #26cf5e)!important;cursor:pointer}.captions-generating-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:12px;height:100%}.generating-spinner-wrap{width:60px;height:60px;border-radius:50%;background:var(--color-accent-subtle, rgba(46, 227, 104, .1));display:flex;align-items:center;justify-content:center;color:var(--color-accent, #2ee368);margin-bottom:2px}.generating-spin-icon{animation:spin 1.2s linear infinite}.generating-title{font-size:16px;font-weight:700;margin:0;color:var(--color-text-primary, #09090b)}.generating-subtitle{font-size:12px;color:var(--color-text-secondary, #64748b);margin:0;max-width:240px;line-height:1.4}.progress-container{width:100%;max-width:220px;height:6px;background:var(--color-border-subtle, #e2e8f0);border-radius:4px;overflow:hidden;margin-top:4px}.progress-bar-fill{height:100%;background:var(--color-accent, #2ee368);transition:width .3s ease}.progress-percentage-label{font-size:12px;font-weight:700;color:var(--color-accent, #2ee368)}.generating-stages{display:flex;flex-direction:column;gap:8px;width:100%;max-width:220px;text-align:left;margin-top:6px;background:var(--color-bg-card, #f8fafc);padding:10px 14px;border-radius:8px;border:1px solid var(--color-border-subtle, #e2e8f0)}.stage-item{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--color-text-muted, #94a3b8);font-weight:500}.stage-item.completed{color:var(--color-text-primary, #0f172a);font-weight:600}.stage-item.completed .stage-dot{color:var(--color-accent, #2ee368)}.stage-item.active{color:var(--color-accent, #2ee368);font-weight:700}.generating-cancel-wrap{margin-top:8px}.captions-editor-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;box-sizing:border-box}.captions-toolbar{display:flex;flex-direction:column;gap:6px;padding:8px 12px 6px;background:var(--color-bg-panel, #ffffff);border-bottom:1px solid var(--color-border-subtle, #e2e8f0);flex-shrink:0;box-sizing:border-box}.captions-search-box{position:relative;display:flex;align-items:center}.captions-search-box .search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--color-text-muted, #94a3b8);pointer-events:none}.captions-search-input{width:100%;padding:6px 26px 6px 28px;font-size:12px;background:var(--color-bg-input, #f8fafc);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;color:var(--color-text-primary, #09090b);transition:all .12s ease}.captions-search-input:focus{background:var(--color-bg-card, #ffffff);border-color:var(--color-accent, #2ee368);outline:none;box-shadow:0 0 0 2px var(--color-accent-subtle, rgba(46, 227, 104, .2))}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted, #94a3b8);cursor:pointer;padding:2px}.search-clear-btn:hover{color:var(--color-text-primary, #09090b)}.captions-filter-row{display:flex;align-items:center;gap:5px;overflow-x:auto;padding-bottom:2px}.caption-filter-pill{font-size:11px;font-weight:600;padding:3px 8px;border-radius:9999px;background:var(--color-bg-card, #f1f5f9);color:var(--color-text-secondary, #64748b);border:1px solid transparent;cursor:pointer;transition:all .12s ease;white-space:nowrap;flex-shrink:0}.caption-filter-pill:hover{background:var(--color-bg-hover, #e2e8f0);color:var(--color-text-primary, #0f172a)}.caption-filter-pill.active{background:var(--color-text-primary, #09090b);color:var(--color-bg-panel, #ffffff);border-color:var(--color-text-primary, #09090b)}.captions-list-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 10px 24px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;position:relative}.no-search-results{text-align:center;padding:30px 10px;color:#64748b;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.caption-row.compact-card{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease;position:relative;min-height:auto;box-sizing:border-box;flex-shrink:0}.caption-row.compact-card:hover{background:var(--color-bg-hover, #fafbfc);border-color:var(--color-border-medium, #cbd5e1)}.caption-row.compact-card.selected{background:var(--color-accent-subtle, rgba(46, 227, 104, .05));border-color:var(--color-accent, #2ee368);box-shadow:0 0 0 1px var(--color-accent, #2ee368)}.caption-row.compact-card.active-spoken{border-left:3.5px solid var(--color-accent, #2ee368);background:var(--color-accent-subtle, rgba(46, 227, 104, .07))}.caption-row.compact-card.is-drop-target{border-color:var(--color-accent, #2ee368)!important;background:var(--color-accent-subtle, rgba(46, 227, 104, .05))!important;box-shadow:0 0 0 1.5px var(--color-accent, #2ee368)!important}.caption-row-header{display:flex;align-items:center;justify-content:space-between}.caption-row-header-left{display:flex;align-items:center;gap:6px}.caption-line-play-btn{width:20px;height:20px;border-radius:4px;border:1px solid var(--color-border-subtle, #e2e8f0);background:var(--color-bg-card, #f8fafc);color:var(--color-text-primary, #09090b);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;padding:0;flex-shrink:0}.caption-line-play-btn:hover,.caption-line-play-btn.is-playing{background:var(--color-accent, #2ee368);border-color:var(--color-accent-hover, #26cf5e);color:var(--color-text-inverse, #052e16)}.caption-timecode{font-size:11px;font-weight:600;color:var(--color-text-secondary, #475569);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.caption-group-duration{font-size:10.5px;color:var(--color-text-muted, #94a3b8);font-weight:500}.caption-row-header-right{display:flex;align-items:center;gap:6px}.active-spoken-badge{font-size:10px;font-weight:700;color:var(--color-text-inverse, #15803d);background:var(--color-accent-subtle, rgba(46, 227, 104, .18));padding:1px 6px;border-radius:4px}[data-theme=dark] .active-spoken-badge,.theme-dark .active-spoken-badge{color:#34f573;background:#2ee36838}.caption-row-menu-wrap{position:relative}.caption-row-menu-btn{background:none;border:none;padding:3px;border-radius:4px;color:var(--color-text-muted, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center}.caption-row-menu-btn:hover{color:var(--color-text-primary, #09090b);background:var(--color-bg-hover, #f1f5f9)}.caption-card-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:1px 0}.caption-word-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:5px;background:var(--color-bg-card, #f8fafc);border:1px solid var(--color-border-subtle, #e2e8f0);color:var(--color-text-primary, #0f172a);font-size:12.5px;font-weight:500;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:element;transition:transform .14s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;line-height:1.25}.caption-word-chip *{pointer-events:none}.caption-word-chip:active{cursor:grabbing}.caption-word-chip.is-dragging{opacity:.35!important;border-style:dashed!important;border-color:var(--color-accent, #2ee368)!important;background:var(--color-accent-subtle, #f0fdf4)!important;box-shadow:none!important}.caption-word-chip-wrapper{position:relative;display:inline-flex;align-items:center;transition:transform .15s cubic-bezier(.2,0,0,1),opacity .15s ease}.caption-word-chip-wrapper.is-dragging-source{opacity:.35}.caption-word-drop-slot{display:inline-flex;align-items:center;justify-content:center;height:26px;vertical-align:middle;pointer-events:none;overflow:visible;animation:slotPopIn .14s cubic-bezier(.16,1,.3,1) forwards;flex-shrink:0}@keyframes slotPopIn{0%{max-width:0;opacity:0;transform:scale(.6)}to{max-width:220px;opacity:1;transform:scale(1)}}.caption-word-drop-slot-pill{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:5px;border:1.5px dashed var(--color-accent, #2ee368);background:var(--color-accent-subtle, rgba(46, 227, 104, .15));color:var(--color-text-primary, #15803d);font-size:11.5px;font-weight:600;white-space:nowrap;letter-spacing:-.1px;box-shadow:0 0 0 2px var(--color-accent-subtle, rgba(46, 227, 104, .2)),0 2px 5px #2ee36826;-webkit-user-select:none;user-select:none}[data-theme=dark] .caption-word-drop-slot-pill,.theme-dark .caption-word-drop-slot-pill{color:#34f573}.caption-word-drop-slot.empty-group-slot{width:100%;justify-content:flex-start}.caption-word-drop-slot.empty-group-slot .caption-word-drop-slot-pill{padding:0 12px}.caption-word-drop-line,.caption-word-ghost-drop{display:none}.caption-drag-ghost-pill{position:absolute;top:-9999px;left:-9999px;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:6px;border:1.5px solid var(--color-accent, #2ee368);background:var(--color-bg-popover, #ffffff);color:var(--color-text-primary, #09090b);font-size:12px;font-weight:600;box-shadow:0 4px 12px #00000029,0 0 0 2px var(--color-accent-subtle, rgba(46, 227, 104, .25));pointer-events:none;z-index:99999}.caption-word-chip:hover{background:var(--color-bg-hover, #f1f5f9);border-color:var(--color-border-medium, #94a3b8);color:var(--color-text-primary, #09090b)}.caption-word-chip.is-selected{background:var(--color-accent-subtle, rgba(46, 227, 104, .12))!important;border-color:var(--color-accent, #2ee368)!important;color:var(--color-text-primary, #09090b)!important;box-shadow:0 0 0 1px var(--color-accent, #2ee368)!important;font-weight:600}.caption-word-chip.is-active{background:var(--color-accent, #2ee368)!important;border-color:var(--color-accent-hover, #26cf5e)!important;color:var(--color-text-inverse, #052e16)!important;font-weight:700;box-shadow:0 1px 4px #2ee36866}.caption-word-chip.is-selected-and-active{background:var(--color-accent, #2ee368)!important;border-color:var(--color-text-primary, #09090b)!important;color:var(--color-text-inverse, #052e16)!important;font-weight:800;box-shadow:0 0 0 2px var(--color-text-primary, #09090b),0 2px 6px #2ee36880!important}.caption-word-chip.is-spotlight{border-color:var(--color-accent, #2ee368);background:#f0fdf4;color:#15803d;font-weight:600}[data-theme=dark] .caption-word-chip.is-spotlight,.theme-dark .caption-word-chip.is-spotlight{background:#2ee36826;color:#34f573}.caption-word-chip.is-spotlight.is-active{background:var(--color-accent, #2ee368);border-color:var(--color-accent-hover, #26cf5e);color:var(--color-text-inverse, #052e16);font-weight:800}.caption-word-chip.is-emphasized{border-color:#eab308;background:#fffbeb;color:#854d0e;font-weight:600}[data-theme=dark] .caption-word-chip.is-emphasized,.theme-dark .caption-word-chip.is-emphasized{background:#eab3082e;color:#fde047}.caption-word-chip.is-emphasized.is-active{background:#fde047;border-color:#eab308;color:#713f12;font-weight:800}.caption-word-spotlight-badge{font-size:10px;color:#16a34a;font-weight:800;line-height:1}[data-theme=dark] .caption-word-spotlight-badge,.theme-dark .caption-word-spotlight-badge{color:#34f573}.caption-word-star-badge{font-size:10px;color:#ca8a04;font-weight:800;line-height:1}[data-theme=dark] .caption-word-star-badge,.theme-dark .caption-word-star-badge{color:#fde047}.caption-word-chip-input{padding:2px 6px;border-radius:5px;border:1.5px solid var(--color-accent, #2ee368);font-size:12.5px;font-weight:600;color:var(--color-text-primary, #09090b);background:var(--color-bg-card, #ffffff);outline:none;min-width:48px;box-shadow:0 0 0 2px var(--color-accent-subtle, rgba(46, 227, 104, .25))}.caption-word-inspector-popover{width:250px;background:var(--color-bg-popover, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:10px;box-shadow:var(--shadow-xl, 0 10px 25px -5px rgba(0, 0, 0, .12), 0 8px 10px -6px rgba(0, 0, 0, .08));padding:10px;display:flex;flex-direction:column;gap:8px}.popover-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-subtle, #f1f5f9);padding-bottom:6px}.popover-title-row{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.popover-tag{font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--color-text-secondary, #64748b);background:var(--color-bg-card, #f1f5f9);padding:1px 5px;border-radius:3px;flex-shrink:0}.popover-word-input-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:155px}.popover-word-input{width:100%;font-size:13px;font-weight:700;color:var(--color-text-primary, #09090b);padding:2px 20px 2px 5px;border-radius:5px;border:1px solid transparent;background:transparent;outline:none;transition:all .15s ease;cursor:text;box-sizing:border-box}.popover-word-input:hover{background:var(--color-bg-hover, #f8fafc);border-color:var(--color-border-medium, #cbd5e1)}.popover-word-input:focus{background:var(--color-bg-input, #ffffff);border-color:var(--color-accent, #2ee368);box-shadow:0 0 0 2px var(--color-accent-subtle, rgba(46, 227, 104, .2))}.popover-word-input-icon{position:absolute;right:5px;color:var(--color-text-muted, #94a3b8);pointer-events:none}.popover-close-btn{background:none;border:none;padding:2px;border-radius:4px;color:var(--color-text-muted, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.popover-close-btn:hover{color:var(--color-text-primary, #09090b);background:var(--color-bg-hover, #f1f5f9)}.popover-section{display:flex;flex-direction:column;gap:5px}.popover-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.popover-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-radius:5px;font-size:11.5px;font-weight:600;background:var(--color-bg-card, #f8fafc);border:1px solid var(--color-border-subtle, #e2e8f0);color:var(--color-text-primary, #0f172a);cursor:pointer;transition:all .12s ease;white-space:nowrap}.popover-action-btn:hover{background:var(--color-bg-hover, #f1f5f9);border-color:var(--color-border-medium, #cbd5e1)}.popover-action-btn.active{background:var(--color-accent-subtle, rgba(46, 227, 104, .14));border-color:var(--color-accent, #2ee368);color:var(--color-text-primary, #09090b);font-weight:700}.popover-action-btn.danger:hover{background:#ef444426;border-color:#fca5a5;color:#dc2626}.popover-star-icon{color:#ca8a04;font-size:11px}.popover-zap-icon{color:#16a34a;font-size:11px}.popover-secondary-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:4px}.popover-case-wrap{position:relative}.popover-case-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--color-bg-popover, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;box-shadow:var(--shadow-xl, 0 4px 14px rgba(0, 0, 0, .12));display:flex;flex-direction:column;z-index:100;min-width:105px;overflow:hidden}.popover-case-dropdown button{background:none;border:none;padding:6px 10px;text-align:left;font-size:11px;font-weight:500;color:var(--color-text-primary, #0f172a);cursor:pointer}.popover-case-dropdown button:hover{background:var(--color-bg-hover, #f1f5f9);color:var(--color-accent, #2ee368)}.caption-inline-edit-card{display:flex;flex-direction:column;gap:8px;background:var(--color-bg-card, #f8fafc);border:1px solid var(--color-accent, #2ee368);border-radius:6px;padding:8px}.inline-edit-times{display:flex;align-items:center;gap:6px}.time-input-wrap{display:flex;align-items:center;gap:4px}.time-input-wrap label{font-size:10px;font-weight:600;color:var(--color-text-secondary, #64748b)}.time-field{width:68px;padding:3px 5px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;border:1px solid var(--color-border-medium, #cbd5e1);border-radius:4px;background:var(--color-bg-input, #ffffff);color:var(--color-text-primary, #09090b)}.time-field:focus{border-color:var(--color-accent, #2ee368);outline:none}.time-sep{color:var(--color-text-muted, #94a3b8);font-weight:700}.inline-time-error{font-size:10.5px;color:#e11d48;display:inline-flex;align-items:center;gap:4px}.inline-edit-textarea{width:100%;font-size:12px;font-family:inherit;padding:6px;border:1px solid var(--color-border-medium, #cbd5e1);border-radius:4px;resize:vertical;min-height:50px;background:var(--color-bg-input, #ffffff);color:var(--color-text-primary, #09090b)}.inline-edit-textarea:focus{border-color:var(--color-accent, #2ee368);outline:none}.inline-edit-buttons{display:flex;justify-content:flex-end;gap:6px}.captions-footer-add{padding:8px 12px 10px;border-top:1px solid var(--color-border-subtle, #e2e8f0);background:var(--color-bg-panel, #ffffff);flex-shrink:0;box-sizing:border-box;position:relative;z-index:5}.add-caption-btn{width:100%;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;background:var(--color-bg-card, #f8fafc);border:1px dashed var(--color-border-medium, #cbd5e1);border-radius:6px;color:var(--color-text-primary, #0f172a);cursor:pointer;transition:all .15s ease;box-sizing:border-box}.add-caption-btn:hover{background:var(--color-accent-subtle, rgba(46, 227, 104, .08));border-color:var(--color-accent, #2ee368);color:var(--color-accent, #2ee368)}.captions-style-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.style-scrollable{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:14px}.style-section{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--color-border-subtle, #f1f5f9);padding-bottom:12px}.style-section-label{font-size:11.5px;font-weight:700;color:var(--color-text-primary, #09090b)}.style-section-label.no-margin{margin:0}.section-label-with-action{display:flex;align-items:center;justify-content:space-between}.browse-templates-link{background:none;border:none;font-size:11px;font-weight:600;color:var(--color-accent, #2ee368);cursor:pointer;padding:0}.browse-templates-link:hover{text-decoration:underline}.style-preset-pills{display:flex;flex-wrap:wrap;gap:6px}.preset-pill{padding:4px 9px;font-size:11px;font-weight:600;background:var(--color-bg-card, #f1f5f9);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:5px;color:var(--color-text-primary, #09090b);cursor:pointer;transition:all .15s ease}.preset-pill:hover{border-color:var(--color-accent, #2ee368);color:var(--color-accent, #2ee368)}.slider-control-row{display:flex;align-items:center;gap:8px}.slider-control-row .bol-slider{flex:1}.color-pickers-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-field{display:flex;flex-direction:column;gap:4px}.color-label{font-size:10.5px;font-weight:600;color:var(--color-text-secondary, #64748b)}.color-input-container{display:flex;align-items:center;gap:6px;background:var(--color-bg-input, #f8fafc);border:1px solid var(--color-border-medium, #cbd5e1);border-radius:6px;padding:3px 6px}.color-input-container.small{max-width:140px}.native-color-picker{width:22px;height:22px;padding:0;border:none;border-radius:4px;cursor:pointer;background:none;flex-shrink:0}.color-hex-text{width:60px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;border:none;background:transparent;color:var(--color-text-primary, #09090b);text-transform:uppercase}.bg-expanded-controls{margin-top:8px;display:flex;flex-direction:column;gap:8px;background:var(--color-bg-card, #f8fafc);padding:10px;border-radius:6px;border:1px solid var(--color-border-subtle, #e2e8f0)}.stroke-color-row{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.position-grid-controls{display:flex;flex-direction:column;gap:10px;background:var(--color-bg-card, #f8fafc);padding:10px;border-radius:8px;border:1px solid var(--color-border-subtle, #e2e8f0)}.position-button-group{display:flex;flex-direction:column;gap:4px}.position-button-group .sublabel{font-size:10.5px;font-weight:600;color:var(--color-text-secondary, #64748b)}.safe-area-overlay{position:absolute;inset:0;pointer-events:none;z-index:15;display:flex;align-items:center;justify-content:center}.safe-area-guide-box{width:86%;height:86%;border:1.5px dashed rgba(46,227,104,.7);position:relative;border-radius:6px}.safe-area-guide-header{position:absolute;top:6px;left:8px;font-size:9px;font-weight:700;color:#2ee368;background:#000000bf;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.safe-area-label{position:absolute;font-size:9px;font-weight:600;color:#fff;background:#000000a6;padding:2px 5px;border-radius:3px}.safe-area-label.top{top:26px;left:8px}.safe-area-label.right{right:8px;top:40%}.safe-area-label.bottom{bottom:8px;left:8px}.captions-dropdown-menu{position:absolute;right:0;top:28px;background:#18181b;border:1px solid #27272a;border-radius:7px;padding:4px;min-width:175px;z-index:60;box-shadow:0 10px 25px #00000059}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:11.5px;font-weight:500;color:#f4f4f5;background:none;border:none;border-radius:5px;cursor:pointer;text-align:left;transition:background .12s ease}.menu-item:hover:not(:disabled){background:#27272a}.menu-item:disabled{opacity:.4;cursor:not-allowed}.menu-item.danger{color:#f87171}.menu-item.danger:hover{background:#ef444426}.menu-divider{height:1px;background:#27272a;margin:3px 0}.bol-modal.danger-modal .danger-btn{background:#ef4444!important;color:#fff!important;border:1px solid #dc2626!important;font-weight:600}.bol-modal.danger-modal .danger-btn:hover{background:#dc2626!important}.text-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--color-bg-panel, #ffffff);color:var(--color-text-primary, #09090b);border-right:1px solid var(--color-border-subtle, #e2e8f0)}.text-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--color-border-subtle, #e2e8f0);background:var(--color-bg-panel, #ffffff)}.text-panel-title-wrap{display:flex;align-items:center;gap:8px}.text-panel-title-wrap .panel-title{font-size:15px;font-weight:700;margin:0;color:var(--color-text-primary, #09090b);letter-spacing:-.2px}.text-panel-icon{color:var(--color-accent, #2ee368)}.add-text-menu-container{position:relative}.add-text-dropdown-btn{display:flex;align-items:center;gap:6px;background:var(--color-bg-card, #f8fafc);color:var(--color-text-primary, #0f172a);border:1px solid var(--color-border-medium, #cbd5e1);border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px;cursor:pointer;transition:all .15s ease}.add-text-dropdown-btn:hover{background:var(--color-bg-hover, #ffffff);border-color:var(--color-accent, #2ee368);color:var(--color-accent, #2ee368)}.add-text-dropdown-btn.primary{background:var(--color-accent, #2ee368)!important;color:var(--color-text-inverse, #052e16)!important;border:1px solid var(--color-accent-hover, #26cf5e)!important;font-weight:700!important}.add-text-dropdown-btn.primary:hover{filter:brightness(1.05)}.add-text-dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--color-bg-popover, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:8px;box-shadow:var(--shadow-xl, 0 10px 28px rgba(0, 0, 0, .12));min-width:190px;padding:6px;z-index:1000}.add-text-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:var(--color-text-primary, #09090b);text-align:left;cursor:pointer;transition:background .12s ease}.add-text-menu-item:hover{background:var(--color-bg-hover, #f1f5f9)}.add-text-menu-item .menu-item-text{display:flex;flex-direction:column}.add-text-menu-item .item-name{font-size:13px;font-weight:600;color:var(--color-text-primary, #09090b)}.add-text-menu-item .item-sub{font-size:11px;color:var(--color-text-secondary, #64748b)}.text-panel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 20px;gap:12px;height:100%}.empty-state-icon-wrap{width:68px;height:68px;border-radius:50%;background:var(--color-accent-subtle, rgba(46, 227, 104, .08));border:1px solid rgba(46,227,104,.22);color:var(--color-accent, #2ee368);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.text-panel-empty-state .empty-title{font-size:16px;font-weight:700;color:var(--color-text-primary, #09090b);margin:0;letter-spacing:-.2px}.text-panel-empty-state .empty-subtitle{font-size:12.5px;color:var(--color-text-secondary, #64748b);margin:0 0 10px;max-width:240px;line-height:1.45}.empty-state-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:220px;height:40px;background:var(--color-accent, #2ee368)!important;color:var(--color-text-inverse, #052e16)!important;font-weight:700!important;font-size:13px;border:1px solid var(--color-accent-hover, #26cf5e)!important;border-radius:8px!important;padding:10px;cursor:pointer;transition:transform .1s ease,filter .15s ease}.empty-state-primary-btn:hover{filter:brightness(1.04)}.empty-state-starter-section{width:100%;margin-top:24px;display:flex;flex-direction:column;gap:10px}.starter-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #64748b);text-align:left}.starter-cards-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.starter-card{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:8px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.starter-card:hover{border-color:var(--color-accent, #2ee368);background:var(--color-bg-hover, #f8fafc)}.starter-preview{font-weight:700;color:var(--color-text-primary, #09090b)}.starter-preview.header{font-size:15px}.starter-preview.sub{font-size:12px;color:var(--color-text-secondary, #475569)}.starter-preview.quote{font-size:12px;font-style:italic;color:var(--color-text-secondary, #334155)}.starter-card-name{font-size:11px;color:var(--color-text-muted, #64748b)}.text-panel-tabs{display:flex;background:var(--color-bg-app, #f1f5f9);border-radius:7px;padding:2.5px;gap:2px;margin:10px 14px 0}.text-panel-tabs .panel-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:5px;border:none;background:transparent;color:var(--color-text-secondary, #64748b);cursor:pointer;transition:all .15s ease}.text-panel-tabs .panel-tab:hover{color:var(--color-text-primary, #0f172a)}.text-panel-tabs .panel-tab.active{background:var(--color-bg-panel, #ffffff);color:var(--color-text-primary, #0f172a);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08));font-weight:700}.text-panel-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:16px;background:var(--color-bg-panel, #ffffff)}.text-edit-tab,.text-style-tab{display:flex;flex-direction:column;gap:14px}.panel-field{display:flex;flex-direction:column;gap:6px}.field-label-row{display:flex;justify-content:space-between;align-items:center}.field-label{font-size:11.5px;font-weight:700;color:var(--color-text-primary, #09090b)}.char-counter{font-size:11px;color:var(--color-text-muted, #94a3b8)}.text-content-textarea{width:100%;background:var(--color-bg-input, #ffffff);border:1px solid var(--color-border-medium, #cbd5e1);border-radius:6px;color:var(--color-text-primary, #09090b);font-size:13px;padding:8px 10px;outline:none;resize:vertical;line-height:1.4;box-sizing:border-box;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.text-content-textarea:focus{border-color:var(--color-accent, #2ee368);box-shadow:0 0 0 2px var(--color-accent-subtle, rgba(46, 227, 104, .2))}.panel-row-two-col{display:flex;gap:12px;align-items:flex-end}.panel-select{width:100%;background:var(--color-bg-input, #ffffff);border:1px solid var(--color-border-medium, #cbd5e1);border-radius:6px;color:var(--color-text-primary, #09090b);font-size:12px;padding:6px 10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.panel-select:focus{border-color:var(--color-accent, #2ee368);box-shadow:0 0 0 2px var(--color-accent-subtle, rgba(46, 227, 104, .2))}.numeric-badge{font-size:11px;font-weight:700;color:#16a34a;background:var(--color-accent-subtle, rgba(46, 227, 104, .14));padding:2px 6px;border-radius:4px}[data-theme=dark] .numeric-badge,.theme-dark .numeric-badge{color:#34f573}.numeric-badge-sm{font-size:10.5px;font-weight:600;color:var(--color-text-secondary, #64748b)}.small-label{font-size:11px;font-weight:600;color:var(--color-text-secondary, #64748b)}.panel-slider{width:100%;accent-color:var(--color-accent, #2ee368);cursor:pointer}.panel-slider.tiny{height:4px}.format-buttons,.align-buttons{display:flex;background:var(--color-bg-card, #f1f5f9);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;overflow:hidden;padding:2px;gap:2px}.format-btn{flex:1;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary, #64748b);cursor:pointer;transition:all .12s ease}.format-btn:hover{background:var(--color-bg-hover, #e2e8f0);color:var(--color-text-primary, #0f172a)}.format-btn.active{background:var(--color-bg-panel, #ffffff);color:var(--color-text-primary, #0f172a);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .08));font-weight:700}.format-btn.active svg{color:var(--color-accent, #2ee368)}.color-picker-row{display:flex;align-items:center;gap:8px;background:var(--color-bg-input, #f8fafc);border:1px solid var(--color-border-medium, #cbd5e1);border-radius:6px;padding:5px 8px}.color-swatch-box{width:22px;height:22px;border-radius:4px;border:1px solid var(--color-border-medium, #cbd5e1);cursor:pointer;flex-shrink:0;box-shadow:0 1px 2px #0000000f}.native-color-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.hex-code-input{background:transparent;border:none;color:var(--color-text-primary, #09090b);font-size:12px;font-family:monospace;width:80px;outline:none}.bg-toggle-pills{display:flex;gap:4px}.pill-btn{background:var(--color-bg-card, #f1f5f9);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:14px;padding:3px 10px;font-size:11px;font-weight:600;color:var(--color-text-secondary, #64748b);cursor:pointer;transition:all .12s ease}.pill-btn:hover{color:var(--color-text-primary, #09090b);border-color:var(--color-border-medium, #cbd5e1)}.pill-btn.active{background:var(--color-accent, #2ee368);color:var(--color-text-inverse, #052e16);border-color:var(--color-accent-hover, #26cf5e);font-weight:700}.bg-details-row{display:flex;gap:12px;align-items:center;margin-top:4px}.bg-opacity-wrap{display:flex;flex-direction:column;gap:4px;width:100px}.position-section-wrap{display:flex;gap:16px;align-items:center}.position-grid-3x3{display:grid;grid-template-columns:repeat(3,24px);grid-gap:4px;background:var(--color-bg-card, #f1f5f9);padding:6px;border-radius:6px;border:1px solid var(--color-border-subtle, #e2e8f0)}.grid-pos-btn{width:24px;height:24px;background:var(--color-bg-hover, #e2e8f0);border:1px solid transparent;border-radius:3px;cursor:pointer;transition:all .12s ease}.grid-pos-btn:hover{background:var(--color-border-medium, #cbd5e1)}.grid-pos-btn.active{background:var(--color-accent, #2ee368)}.numeric-coords-col{display:flex;flex-direction:column;gap:6px}.coord-row{display:flex;align-items:center;gap:6px}.coord-label{font-size:11px;font-weight:600;color:var(--color-text-secondary, #64748b);width:14px}.coord-input{width:50px;background:var(--color-bg-input, #ffffff);border:1px solid var(--color-border-medium, #cbd5e1);border-radius:4px;padding:3px 6px;color:var(--color-text-primary, #09090b);font-size:12px;outline:none}.coord-input:focus{border-color:var(--color-accent, #2ee368)}.coord-unit{font-size:11px;color:var(--color-text-muted, #94a3b8)}.collapsible-section{border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;overflow:hidden;background:var(--color-bg-card, #f8fafc)}.collapsible-header-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:transparent;border:none;color:var(--color-text-primary, #09090b);font-size:12px;font-weight:600;cursor:pointer}.collapsible-header-btn:hover{background:var(--color-bg-hover, #f1f5f9)}.chevron-icon{transition:transform .2s ease}.chevron-icon.open{transform:rotate(180deg)}.collapsible-content{padding:12px;border-top:1px solid var(--color-border-subtle, #e2e8f0);display:flex;flex-direction:column;gap:12px;background:var(--color-bg-panel, #ffffff)}.case-pills-row{display:flex;gap:6px}.preset-pills-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-pill-card{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;padding:10px;text-align:center;cursor:pointer;transition:all .12s ease}.preset-pill-card:hover{border-color:var(--color-accent, #2ee368);background:var(--color-bg-hover, #f8fafc)}.preset-sample{font-size:13px;font-weight:700;color:var(--color-text-primary, #09090b)}.preset-sample.bold{font-weight:800;text-transform:uppercase}.preset-sample.outline{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;color:#fff}.preset-sample.highlight{color:#000;background:#2ee368;padding:2px 6px;border-radius:3px}.template-search-bar{display:flex;align-items:center;gap:8px;background:var(--color-bg-input, #f1f5f9);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;padding:6px 10px}.search-icon{color:var(--color-text-muted, #94a3b8);flex-shrink:0}.template-search-input{background:transparent;border:none;color:var(--color-text-primary, #09090b);font-size:12px;outline:none;width:100%}.template-search-input::placeholder{color:var(--color-text-muted, #94a3b8)}.template-category-row{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.cat-pill{background:var(--color-bg-card, #f1f5f9);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:12px;padding:3px 8px;font-size:11px;color:var(--color-text-secondary, #64748b);cursor:pointer;white-space:nowrap;transition:all .12s ease}.cat-pill:hover{color:var(--color-text-primary, #09090b);border-color:var(--color-border-medium, #cbd5e1)}.cat-pill.active{background:var(--color-accent-subtle, rgba(46, 227, 104, .15));color:var(--color-text-primary, #09090b);font-weight:700;border-color:var(--color-accent, #2ee368)}.text-templates-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:240px;overflow-y:auto}.template-style-card{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .12s ease}.template-style-card:hover{border-color:var(--color-accent, #2ee368);background:var(--color-bg-hover, #f8fafc)}.tpl-preview-text{font-size:13px;font-weight:700;color:var(--color-text-primary, #09090b)}.tpl-name{font-size:10px;color:var(--color-text-secondary, #64748b)}.empty-templates-box{text-align:center;padding:16px;color:var(--color-text-secondary, #64748b);font-size:12px}.clear-search-btn{margin-top:6px;background:var(--color-bg-card, #f1f5f9);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:4px;color:var(--color-text-primary, #09090b);font-size:11px;padding:4px 8px;cursor:pointer}.clear-search-btn:hover{background:var(--color-bg-hover, #e2e8f0)}.stroke-control-row{display:flex;gap:10px;align-items:center}.shadow-controls-box{background:var(--color-bg-card, #f8fafc);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:10px}.shadow-param-col{display:flex;flex-direction:column;gap:4px}.animation-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.anim-col{display:flex;flex-direction:column;gap:4px}.anim-duration-row{margin-top:6px;display:flex;flex-direction:column;gap:4px}.sparkle-icon{color:var(--color-accent, #2ee368)}.text-layers-section{border-top:1px solid var(--color-border-subtle, #e2e8f0);padding-top:16px;margin-top:8px}.layers-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.layers-title-wrap{display:flex;align-items:center;gap:6px;color:var(--color-text-primary, #09090b);font-size:12px;font-weight:700}.layers-count-badge{background:var(--color-bg-card, #f1f5f9);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600;color:var(--color-text-secondary, #64748b)}.layers-list{display:flex;flex-direction:column;gap:4px}.layer-row-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;cursor:pointer;transition:all .12s ease}.layer-row-item:hover{background:var(--color-bg-hover, #f8fafc);border-color:var(--color-border-medium, #cbd5e1)}.layer-row-item.selected{border-color:var(--color-accent, #2ee368);background:var(--color-accent-subtle, rgba(46, 227, 104, .08));box-shadow:0 0 0 1px var(--color-accent, #2ee368)}.layer-type-icon{color:var(--color-accent, #2ee368);display:flex;align-items:center;flex-shrink:0}.layer-text-preview{flex:1;font-size:12px;font-weight:500;color:var(--color-text-primary, #09090b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-lock-badge{color:var(--color-text-muted, #94a3b8);display:flex;align-items:center}.layer-visibility-btn{background:transparent;border:none;color:var(--color-text-muted, #94a3b8);cursor:pointer;display:flex;align-items:center;padding:2px;transition:color .12s ease}.layer-visibility-btn:hover{color:var(--color-text-primary, #09090b)}.layer-visibility-btn.hidden-layer{color:var(--color-border-medium, #cbd5e1)}.layer-menu-container{position:relative}.layer-menu-btn{background:transparent;border:none;color:var(--color-text-muted, #94a3b8);cursor:pointer;display:flex;align-items:center;padding:2px}.layer-menu-btn:hover{color:var(--color-text-primary, #09090b)}.layer-context-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--color-bg-popover, #ffffff);border:1px solid var(--color-border-subtle, #e2e8f0);border-radius:6px;box-shadow:var(--shadow-xl, 0 8px 24px rgba(0, 0, 0, .12));min-width:155px;padding:4px;z-index:1000}.layer-context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:4px;color:var(--color-text-primary, #09090b);font-size:12px;text-align:left;cursor:pointer}.layer-context-menu-item:hover:not(:disabled){background:var(--color-bg-hover, #f1f5f9)}.layer-context-menu-item.danger{color:#ef4444}.layer-context-menu-item.danger:hover{background:#ef444414}.layer-context-menu-item.disabled{opacity:.4;cursor:not-allowed}.menu-separator{height:1px;background:var(--color-border-subtle, #e2e8f0);margin:4px 0}.canvas-snap-guide{position:absolute;pointer-events:none;z-index:30}.canvas-snap-guide.vertical{top:0;bottom:0;left:50%;width:1px;background:#2ee368;box-shadow:0 0 6px #2ee368}.canvas-snap-guide.horizontal{left:0;right:0;top:50%;height:1px;background:#2ee368;box-shadow:0 0 6px #2ee368}.canvas-text-box-wrapper{position:absolute;display:inline-block;cursor:move;-webkit-user-select:none;user-select:none;z-index:15}.canvas-text-box-wrapper.locked{cursor:default}.canvas-text-hit-target{padding:4px 8px;display:inline-block}.canvas-selection-box{position:absolute;inset:-4px;border:2px solid #2ee368;border-radius:2px;pointer-events:none;box-shadow:0 0 6px #2ee36866}.resize-handle{position:absolute;width:8px;height:8px;background:var(--color-bg-panel, #ffffff);border:1.5px solid #2ee368;border-radius:1px;z-index:25;box-sizing:border-box}.handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.handle-n{top:-6px;left:calc(50% - 4px);cursor:ns-resize}.handle-e{top:calc(50% - 4px);right:-6px;cursor:ew-resize}.handle-s{bottom:-6px;left:calc(50% - 4px);cursor:ns-resize}.handle-w{top:calc(50% - 4px);left:-6px;cursor:ew-resize}.canvas-inline-text-editor{position:relative;min-width:140px;background:#000000bf;border:2px solid #2ee368;border-radius:4px;outline:none;resize:none;overflow:hidden;padding:4px 8px;line-height:1.2;z-index:30;box-shadow:0 4px 16px #0009}.canvas-floating-toolbar{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:#181b1e;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:3px 5px;box-shadow:0 6px 18px #0009;z-index:40}.floating-tool-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#a0a5ad;cursor:pointer;transition:all .12s ease}.floating-tool-btn:hover{background:#262b30;color:#fff}.floating-tool-btn.active{color:#2ee368;background:#2ee36826}.floating-tool-divider{width:1px;height:14px;background:#ffffff1f;margin:0 2px}.floating-color-btn{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}.floating-color-swatch{width:14px;height:14px;border-radius:50%;border:1.5px solid #ffffff}.floating-color-picker{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.timeline-text-lane{position:relative;height:26px;margin:4px 0;background:#ffffff05;border-radius:4px;border:1px dashed rgba(255,255,255,.08)}.timeline-text-block{position:absolute;height:22px;top:1px;background:#22272c;border:1px solid rgba(255,255,255,.15);border-radius:4px;display:flex;align-items:center;cursor:pointer;box-shadow:0 1px 3px #0000004d;overflow:hidden;-webkit-user-select:none;user-select:none;transition:border-color .12s ease,box-shadow .12s ease}.timeline-text-block:hover{border-color:#2ee36899}.timeline-text-block.selected{border-color:#2ee368;background:#172d1e;box-shadow:0 0 8px #2ee36859}.timeline-text-block.hidden{opacity:.45;border-style:dashed}.timeline-text-block-content{display:flex;align-items:center;gap:4px;padding:0 6px;flex:1;overflow:hidden;white-space:nowrap}.timeline-text-icon{color:#2ee368;flex-shrink:0}.timeline-text-title{font-size:11px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis}.timeline-block-handle{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;background:transparent;z-index:5;transition:background .12s ease}.timeline-block-handle.left{left:0}.timeline-block-handle.right{right:0}.timeline-block-handle:hover{background:#2ee368}.canvas-media-box-wrapper{position:absolute;display:inline-block;cursor:move;-webkit-user-select:none;user-select:none;z-index:14}.canvas-media-box-wrapper.locked{cursor:default}.canvas-media-hit-target{width:100%;height:100%;min-width:40px;min-height:40px}.canvas-selection-box.media-selection-box{inset:-4px;border:2px solid #2ee368;border-radius:2px;box-shadow:0 0 8px #2ee36873}.canvas-floating-toolbar.media-floating-toolbar{bottom:calc(100% + 10px)}.floating-tool-btn.with-text{width:auto;padding:0 8px;gap:5px;font-size:11px;font-weight:500}.floating-tool-btn.danger:hover{background:#ef444433;color:#ef4444}.stage-drop-target-active{border:2px dashed #2ee368!important;background:#2ee36814!important;color:#2ee368!important}.gs-reset-btn{display:flex;align-items:center;gap:5px;font-size:12px}.timeline-media-lane{position:relative;height:26px;margin:4px 0;background:#ffffff05;border-radius:4px;border:1px dashed rgba(255,255,255,.08)}.timeline-media-block{position:absolute;height:22px;top:1px;background:#1c2630;border:1px solid rgba(255,255,255,.15);border-radius:4px;display:flex;align-items:center;cursor:pointer;box-shadow:0 1px 3px #0000004d;overflow:hidden;-webkit-user-select:none;user-select:none;transition:border-color .12s ease,box-shadow .12s ease}.timeline-media-block:hover{border-color:#2ee36899}.timeline-media-block.selected{border-color:#2ee368;background:#153222;box-shadow:0 0 8px #2ee36859}.timeline-media-block.hidden{opacity:.45;border-style:dashed}.timeline-media-block-content{display:flex;align-items:center;gap:5px;padding:0 6px;flex:1;overflow:hidden;white-space:nowrap}.timeline-media-icon{color:#2ee368;flex-shrink:0}.timeline-media-title{font-size:11px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis}.timeline-media-dur{font-size:10px;color:#94a3b8;margin-left:auto;padding-left:4px;flex-shrink:0}.timeline-container.clean-white .timeline-text-lane,.timeline-container.clean-white .timeline-media-lane{background:#00000005;border:1px dashed rgba(0,0,0,.12)}.timeline-container.clean-white .timeline-text-block{background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 3px #00000014}.timeline-container.clean-white .timeline-text-title{color:#09090b}.timeline-container.clean-white .timeline-media-block{background:#f8fafc;border:1px solid #cbd5e1;box-shadow:0 1px 3px #00000014}.timeline-container.clean-white .timeline-media-title{color:#09090b}[data-theme=dark] .timeline-container.clean-white .timeline-text-lane,[data-theme=dark] .timeline-container.clean-white .timeline-media-lane,.theme-dark .timeline-container.clean-white .timeline-text-lane,.theme-dark .timeline-container.clean-white .timeline-media-lane{background:#ffffff05;border:1px dashed rgba(255,255,255,.08)}[data-theme=dark] .timeline-container.clean-white .timeline-text-block,.theme-dark .timeline-container.clean-white .timeline-text-block{background:#1c2026;border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .timeline-container.clean-white .timeline-text-title,.theme-dark .timeline-container.clean-white .timeline-text-title{color:#fff}[data-theme=dark] .timeline-container.clean-white .timeline-media-block,.theme-dark .timeline-container.clean-white .timeline-media-block{background:#182028;border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .timeline-container.clean-white .timeline-media-title,.theme-dark .timeline-container.clean-white .timeline-media-title{color:#fff}[data-theme=dark] .template-card.selected .template-art,.theme-dark .template-card.selected .template-art{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-primary),0 8px 20px #0006}[data-theme=dark] .template-art,.theme-dark .template-art{background:var(--color-bg-card);border-color:var(--border-subtle)}[data-theme=dark] .template-card:hover .template-art,.theme-dark .template-card:hover .template-art{border-color:var(--border-medium);background:var(--color-bg-hover)}[data-theme=dark] .template-tick,.theme-dark .template-tick{background:var(--color-brand-primary);color:#09090b}[data-theme=dark] .timeline-footer-strip,.theme-dark .timeline-footer-strip{background:#0d0e12;border-top:1px solid rgba(255,255,255,.08)}[data-theme=dark] .timeline-shortcut-item,.theme-dark .timeline-shortcut-item{color:#94a3b8}[data-theme=dark] .timeline-footer-strip kbd,.theme-dark .timeline-footer-strip kbd{background:#1a1d26;border:1px solid rgba(255,255,255,.12);color:#e2e8f0}[data-theme=dark] .timeline-add-line-btn,.theme-dark .timeline-add-line-btn{background:#16181f;border-color:#ffffff1f;color:#f4f4f5}[data-theme=dark] .timeline-add-line-btn:hover,.theme-dark .timeline-add-line-btn:hover{border-color:var(--color-brand-primary);background:#222632;color:#fff}[data-theme=dark] .toggle-track,.theme-dark .toggle-track{background:#272a34}[data-theme=dark] .toggle-row>input:checked+.toggle-track,.theme-dark .toggle-row>input:checked+.toggle-track{background:var(--color-brand-primary)}[data-theme=dark] .toggle-track:after,.theme-dark .toggle-track:after{background:#fff}[data-theme=dark] .position-presets>button.active,.theme-dark .position-presets>button.active{color:#fff;border-color:var(--color-brand-primary);background:#202430}[data-theme=dark] .segmented-control,.theme-dark .segmented-control{background:#16181f;border-color:#ffffff14}[data-theme=dark] .segmented-control button.active,.theme-dark .segmented-control button.active{background:#202430;color:#fff;box-shadow:0 1px 3px #0006}.video-frame .caption-player{z-index:3;pointer-events:none;background:transparent}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-cyrillic-ext-700-normal-CtkJES1U.woff2) format("woff2"),url(/assets/oswald-cyrillic-ext-700-normal-VKAui8kQ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-cyrillic-700-normal-BO0IwMyy.woff2) format("woff2"),url(/assets/oswald-cyrillic-700-normal-DxuP1Pb9.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-vietnamese-700-normal-_DkZZ6ID.woff2) format("woff2"),url(/assets/oswald-vietnamese-700-normal-BxFoeH7J.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-latin-ext-700-normal-BKErdSR5.woff2) format("woff2"),url(/assets/oswald-latin-ext-700-normal-CJSSDThd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-latin-700-normal-vy6hmKSr.woff2) format("woff2"),url(/assets/oswald-latin-700-normal-UmC9Ev9x.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}