:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--bg-0:#08090b;--bg-1:#0b0d10;--bg-2:#0f1115;--bg-3:#14171c;--bg-4:#1a1e25;--bg-hover:#1e232b;--bg-elevated:#171b21;--border:#252932;--border-soft:#1d2128;--border-strong:#333945;--text:#e8ebf1;--text-secondary:#a6adba;--text-muted:#727b8a;--text-faint:#525b69;--accent:#8b7cff;--accent-strong:#7462f2;--accent-soft:#8b7cff21;--accent-border:#8b7cff66;--accent-glow:#8b7cff47;--teal:#3ddbc0;--teal-soft:#3ddbc01f;--teal-border:#3ddbc04d;--amber:#f0b45c;--danger:#ff7272;--danger-soft:#ff72721f;--success:#55d98a;--playhead:#ff7a5c;--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius-lg:10px;--radius-xl:14px;--header-h:48px;--status-h:25px;--left-w:320px;--right-w:304px;--rail-w:52px;--timeline-h:clamp(262px, 28vh, 310px);--track-header-w:176px;--ruler-h:28px;--track-h:32px;--tp-bg-main:#0f1117;--tp-bg-card:#181b25;--tp-bg-elevated:#202435;--tp-accent-primary:#8b5cf6;--tp-accent-secondary:#6366f1;--tp-text-primary:#f3f4f6;--tp-text-secondary:#9ca3af;--tp-border:#2b3040;--insp-bg:#0f1117;--insp-bg-card:#171a23;--insp-bg-elevated:#202435;--insp-bg-hover:#1e2230;--insp-border:#2b3040;--insp-border-subtle:#232735;--insp-text-primary:#f3f4f6;--insp-text-secondary:#9ca3af;--insp-text-muted:#6b7280;--insp-accent:#8b5cf6;--insp-accent-hover:#7c3aed;--insp-accent-soft:#8b5cf61f;--insp-accent-border:#8b5cf666;--as-bg-main:#0f1117;--as-bg-card:#171a23;--as-bg-elevated:#202435;--as-bg-hover:#1e2230;--as-border:#2b3040;--as-border-subtle:#232735;--as-text-primary:#f3f4f6;--as-text-secondary:#9ca3af;--as-text-muted:#6b7280;--as-accent:#8b5cf6;--as-accent-secondary:#6366f1;--as-accent-soft:#8b5cf61f;--as-accent-border:#8b5cf666;--as-success:#22c55e;--as-success-soft:#22c55e1f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 24px 60px #00000080;--transition-fast:.12s ease;--transition-base:.18s ease}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg-0)}body{background:var(--bg-0);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern" 1, "liga" 1;margin:0;font-size:13px;line-height:1.4;overflow:hidden}#root{overflow:hidden}h1,h2,h3,h4,p,dl,dd,dt,ol,ul{margin:0;padding:0}ol,ul{list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input,select{outline:none}img,svg,video{display:block}::selection{color:#fff;background:#8b7cff59}:focus-visible{outline:2px solid var(--accent-border);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:#2e333d transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2b303a padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3a414d padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}.sr-only,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.editor-language-control{border:1px solid var(--border);min-height:30px;color:var(--text-muted);background:var(--surface-1);border-radius:7px;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.editor-language-control:focus-within{border-color:var(--accent-border);color:var(--text)}.editor-language-select{max-width:106px;color:var(--text);cursor:pointer;background:0 0;border:0;padding:4px 14px 4px 0;font-size:11px}.editor-language-select option{color:var(--text);background:var(--surface-1)}@media (width<=760px){.editor-language-control{gap:3px;min-height:28px;padding-inline:5px}.editor-language-select{max-width:82px;font-size:10px}}@media (width<=380px){.editor-language-select{max-width:62px}}.tooltip-wrap{display:inline-flex;position:relative}.tooltip-wrap:after{content:attr(data-tooltip);z-index:500;border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text);font-family:var(--font-ui);letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);background:#20242c;padding:5px 8px;font-size:10.5px;font-weight:450;line-height:1.3;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,2px);box-shadow:0 6px 18px #00000073}.tooltip-wrap.tooltip-bottom:after{top:calc(100% + 7px);bottom:auto;transform:translate(-50%,-2px)}.tooltip-wrap.tooltip-right:after{top:50%;bottom:auto;left:calc(100% + 8px);transform:translate(-2px,-50%)}.tooltip-wrap:hover:after,.tooltip-wrap:focus-within:after{opacity:1;visibility:visible;transform:translate(-50%)}.tooltip-wrap.tooltip-right:hover:after,.tooltip-wrap.tooltip-right:focus-within:after{transform:translateY(-50%)}:root[data-tooltips=off] .tooltip-wrap:after{display:none}.range{--value:0%;appearance:none;cursor:pointer;background:0 0;height:16px}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--value), #2b303a var(--value), #2b303a 100%);border-radius:999px;height:4px}.range::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);width:11px;height:11px;transition:transform var(--transition-fast);background:#f2f4f8;border-radius:50%;margin-top:-3.5px;box-shadow:0 1px 4px #00000080}.range:hover::-webkit-slider-thumb{transform:scale(1.12)}.range:active::-webkit-slider-thumb{transform:scale(.96)}.range::-moz-range-track{background:#2b303a;border-radius:999px;height:4px}.range::-moz-range-progress{background:var(--accent);border-radius:999px;height:4px}.range::-moz-range-thumb{border:2px solid var(--accent);background:#f2f4f8;border-radius:50%;width:9px;height:9px}.range:disabled{cursor:default;opacity:.35}.range:disabled::-webkit-slider-thumb{transform:none}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.seo-landing,.brand-home{color:#f3f6fb;background:#090d16;min-height:100vh;font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.seo-landing{overscroll-behavior-y:contain;--landing-muted:#a8b2c2;--landing-line:#263246;--landing-blue:#82b5ff;position:fixed;inset:0;overflow:hidden auto}.seo-landing a,.brand-home a{color:var(--landing-blue,#8bb8ff)}.landing-nav{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:28px;width:min(1200px,100% - 64px);height:78px;margin:auto;display:flex}.landing-brand{flex-shrink:0;display:inline-flex}.landing-brand img{object-fit:contain;object-position:left center;width:120px;height:48px;display:block}.landing-nav nav,.landing-footer nav{align-items:center;gap:clamp(16px,3vw,36px);display:flex}.landing-nav nav a,.landing-footer nav a{color:#c1cada;font-size:.9rem;text-decoration:none}.landing-nav nav a:hover,.landing-footer nav a:hover{color:#fff}.language-switcher{color:#f3f6fb;flex-shrink:0;position:relative}.language-switcher summary{color:#e4ecf8;cursor:pointer;white-space:nowrap;border:1px solid #ffffff2a;border-radius:9px;align-items:center;min-height:40px;padding:0 12px;font-size:.88rem;font-weight:650;list-style:none;display:flex}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:after{content:"▾";color:#a7ccff;margin-left:9px}.language-switcher[open] summary{background:#162239;border-color:#82b5ff99}.language-switcher-menu{z-index:30;background:#101a2b;border:1px solid #ffffff24;border-radius:12px;grid-template-columns:repeat(2,minmax(120px,1fr));min-width:280px;max-height:min(65vh,420px);padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 16px 42px #0009;gap:2px!important;display:grid!important}.language-switcher-menu a{white-space:nowrap;border-radius:7px;padding:8px 10px;text-decoration:none;display:block;color:#d5deed!important}.language-switcher-menu a:hover,.language-switcher-menu a:focus-visible{background:#213653;outline:none;color:#fff!important}.landing-footer .language-switcher{margin:12px 0}.landing-footer .language-switcher-menu{inset:auto auto calc(100% + 8px) 0}.localized-landing-page .landing-nav nav{gap:clamp(10px,1.8vw,22px)}.localized-landing-page .landing-nav nav>a{white-space:nowrap}.landing-nav-cta{white-space:nowrap;border:1px solid #ffffff2a;border-radius:9px;padding:9px 15px;font-weight:650;text-decoration:none;color:#fff!important}.landing-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:42px;width:min(1200px,100% - 64px);min-height:610px;margin:auto;padding:74px 0 90px;display:grid}.landing-hero-copy{z-index:1;position:relative}.landing-eyebrow{color:#8dbdff;letter-spacing:.16em;text-transform:uppercase;font-size:.73rem;font-weight:800}.landing-eyebrow span{background:#72aaff;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 14px #72aaff}.landing-hero h1{letter-spacing:-.065em;margin:16px 0 18px;font-size:clamp(3rem,5.4vw,5.1rem);line-height:1.02}.seo-landing em{color:#8ebaff;font-style:normal}.landing-lede{max-width:480px;color:var(--landing-muted);margin:0 0 28px;font-size:1.12rem}.landing-primary-cta{background:#a7ccff;border-radius:9px;justify-content:center;align-items:center;gap:22px;min-height:52px;padding:0 21px;font-weight:800;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 8px 32px #5d9fff2b;color:#08111f!important}.landing-primary-cta:hover{background:#c0dcff;transform:translateY(-2px)}.landing-proof{color:#adb9ca;flex-wrap:wrap;gap:15px 21px;margin-top:24px;font-size:.78rem;display:flex}.landing-proof span{align-items:center;gap:5px;display:flex}.landing-proof svg{color:#91c3ff;width:14px;height:14px}.landing-hero-art{min-width:0;padding:42px 0 20px 20px;position:relative}.landing-orbit{pointer-events:none;border:1px solid #82b5ff13;border-radius:50%;position:absolute}.orbit-one{width:540px;height:540px;top:-28px;right:-120px}.orbit-two{width:420px;height:420px;top:30px;right:-60px}.landing-preview-wrap{z-index:1;position:relative;transform:perspective(1300px)rotateY(-5deg)rotateX(2deg)}.landing-preview{color:#c7d0df;background:#141b27;border:1px solid #39465c;border-radius:13px;font:10px/1.3 ui-sans-serif,system-ui,sans-serif;overflow:hidden;box-shadow:0 30px 80px #0008,0 0 70px #4b82d01c}.preview-topbar{background:#111722;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:37px;padding:0 13px;display:flex}.preview-mark{color:#e4eaf3;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.preview-export{color:#08111f;background:#6b9fff;border-radius:5px;align-items:center;gap:5px;padding:5px 9px;font-weight:700;display:flex}.preview-workspace{grid-template-columns:34px 1fr 94px;gap:9px;padding:10px;display:grid}.preview-tools{flex-direction:column;align-items:center;gap:8px;display:flex}.preview-tools span{color:#8898ae;border-radius:5px;place-items:center;width:25px;height:25px;display:grid}.preview-tools .selected{color:#9ec7ff;background:#263b59}.preview-media{min-width:0}.preview-screen{background:linear-gradient(155deg,#a8c5d4 0%,#f0b776 53%,#3e6970 54%,#1e4144 100%);height:190px;position:relative;overflow:hidden}.preview-sun{background:#ffdda2;border-radius:50%;width:48px;height:48px;position:absolute;top:28px;right:22%;box-shadow:0 0 35px #ffdca477}.preview-hill{border-radius:50% 50% 0 0;width:140%;height:90px;position:absolute;bottom:-34px}.preview-hill-one{background:#46645b;left:-15%;transform:rotate(-8deg)}.preview-hill-two{background:#293f42;bottom:-48px;right:-45%;transform:rotate(9deg)}.preview-screen-play{color:#fff;background:#10172366;border:1px solid #ffffff9c;border-radius:50%;place-items:center;width:37px;height:37px;padding-left:2px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-time{color:#fff;text-shadow:0 1px 4px #000;position:absolute;bottom:8px;right:9px}.preview-controls{color:#8e9bb0;align-items:center;gap:14px;height:28px;display:flex}.preview-play{color:#a8caff}.preview-time-small{margin-left:auto}.preview-inspector{color:#9da9ba;flex-direction:column;gap:9px;display:flex}.preview-inspector strong{color:#e0e7f0;font-size:10px}.preview-inspector span{font-size:9px}.preview-inspector i{background:#1b2432;border:1px solid #ffffff15;border-radius:4px;height:19px}.preview-timeline{padding:0 11px 12px}.preview-ruler{color:#75839a;justify-content:space-between;margin:0 0 5px 31px;font-size:8px;display:flex}.preview-track{align-items:center;gap:4px;height:25px;margin-top:3px;display:flex}.preview-track>b{color:#8491a4;width:27px;font-size:8px}.clip{white-space:nowrap;border-radius:3px;align-items:center;height:20px;padding:0 7px;display:flex;overflow:hidden}.clip-video{color:#fff;background:linear-gradient(90deg,#557b77,#c28c63);width:42%}.clip-video.second{background:linear-gradient(90deg,#477a89,#a2a875)}.clip-title{color:#fff;background:#725ba0}.clip-audio{color:#b6f3d0;background:#315e59;gap:5px;width:72%}.landing-float-card{z-index:2;color:#dce8f8;background:#172131;border:1px solid #ffffff1c;border-radius:9px;padding:12px 16px;font-size:.75rem;position:absolute;bottom:5px;right:-8px;box-shadow:0 10px 30px #0005}.landing-section{width:min(1120px,100% - 64px);margin:0 auto;padding:88px 0}.landing-section-heading{text-align:center;max-width:670px;margin:0 auto 40px}.landing-section-heading h2,.landing-why h2,.landing-formats h2,.landing-final-cta h2{letter-spacing:-.045em;margin:10px 0 12px;font-size:clamp(2rem,4vw,3.15rem);line-height:1.1}.landing-section-heading>p:last-child,.landing-why>div>p:last-child,.landing-formats>div>p:last-child{color:var(--landing-muted)}.landing-how{border-top:1px solid #ffffff0b}.landing-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.landing-step{border:1px solid var(--landing-line);background:linear-gradient(145deg,#121a28,#0d131e);border-radius:11px;min-height:205px;padding:19px 16px;position:relative}.landing-step-number{color:#86b7fa;letter-spacing:.1em;font-size:.73rem;font-weight:800}.landing-step-icon{color:#9ec7ff;background:#20314a;border-radius:9px;place-items:center;width:38px;height:38px;margin:14px 0 11px;display:grid}.landing-step-icon svg{width:19px}.landing-step h3,.landing-feature h3{margin:0 0 7px;font-size:.95rem}.landing-step p,.landing-feature p{color:var(--landing-muted);margin:0;font-size:.82rem;line-height:1.6}.landing-section-cta{text-align:center;margin-top:32px}.landing-features{border-top:1px solid #ffffff0b}.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.landing-feature{border:1px solid var(--landing-line);background:#101722;border-radius:11px;padding:21px}.landing-feature-icon{color:#9ec7ff;background:#20314a;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:15px;display:grid}.landing-feature-icon svg{width:19px}.landing-why{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:65px 0;display:grid}.landing-why>div>p:last-child{max-width:480px}.landing-why ul{border:1px solid var(--landing-line);background:#101722;border-radius:12px;margin:0;padding:25px;list-style:none}.landing-why li{color:#c4cede;border-bottom:1px solid #ffffff0d;padding:11px 0}.landing-why li:last-child{border:0}.landing-why li:first-letter{color:#8ebaff}.landing-formats{border:1px solid var(--landing-line);background:linear-gradient(115deg,#121c2b,#101620);border-radius:14px;grid-template-columns:1fr .8fr;align-items:center;gap:40px;width:min(1120px,100% - 64px);margin:12px auto 70px;padding:32px;display:grid}.landing-formats h2{font-size:clamp(1.6rem,3vw,2.25rem)}.landing-formats>div>p:last-child{font-size:.9rem}.landing-format-tags{flex-wrap:wrap;gap:9px;display:flex}.landing-format-tags span{color:#c7d6eb;border:1px solid #ffffff1c;border-radius:20px;padding:7px 11px;font-size:.78rem}.landing-format-tags small{color:#8693a5;width:100%;margin-top:5px;font-size:.72rem}.landing-faq{border-top:1px solid #ffffff0b}.landing-faq-list{max-width:800px;margin:auto}.landing-faq details{border-bottom:1px solid var(--landing-line)}.landing-faq summary{color:#e7edf6;cursor:pointer;padding:18px 2px;font-weight:650}.landing-faq details p{color:var(--landing-muted);margin:0;padding:0 2px 18px;font-size:.9rem}.landing-final-cta{text-align:center;background:radial-gradient(at 50% 120%,#284a78 0%,#121c2b 52%,#101722 100%);border:1px solid #25364f;border-radius:16px;margin:15px auto 65px;padding:70px 24px}.landing-final-cta>p:not(.landing-eyebrow){color:var(--landing-muted);margin:0 0 23px}.landing-footer{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(1200px,100% - 64px);margin:auto;padding:30px 0 24px;display:flex}.landing-footer-brand{font-size:1.05rem;font-weight:800;text-decoration:none;color:#e7edf6!important}.landing-footer p{color:#8794a7;font-size:.82rem}.landing-footer nav{gap:20px}.landing-footer nav a{font-size:.78rem}.landing-footer>small{color:#738096;width:100%;font-size:.72rem}.brand-home{padding-top:2rem}.brand-home header{align-items:center}.brand-home .site-logo{width:min(180px,40vw);height:auto;display:block}.landing-nav-cta.landing-primary-cta{border-radius:8px;gap:9px;min-height:40px;padding:0 14px}.landing-preview-cta,.landing-format-cta{border:1px solid var(--landing-line);color:#d5deeb;background:#101722;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;width:min(1120px,100% - 64px);margin:0 auto;padding:20px 24px;display:flex}.landing-preview-cta{margin-top:-34px}.landing-format-cta{margin-top:-45px}.landing-audience{width:min(1120px,100% - 64px);margin:0 auto;padding:35px 0 80px}.landing-audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.landing-audience-grid article{border:1px solid var(--landing-line);background:#101722;border-radius:11px;padding:20px}.landing-audience-grid h3{margin-bottom:8px;font-size:.95rem}.landing-audience-grid p{color:var(--landing-muted);font-size:.83rem}.brand-home-hero,.brand-home-tool,.site-info-page{width:min(1000px,100% - 64px);margin:0 auto}.brand-home-hero{padding:clamp(72px,12vh,150px) 0 85px}.brand-home-hero h1,.site-info-page h1{letter-spacing:-.06em;margin:12px 0 18px;font-size:clamp(2.7rem,6vw,5rem);line-height:1.04}.brand-home-hero>p:not(.landing-eyebrow){max-width:680px;color:var(--landing-muted);margin-bottom:26px;font-size:1.12rem}.brand-home-tool{border:1px solid var(--landing-line);background:linear-gradient(115deg,#121c2b,#101620);border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:80px;padding:30px;display:flex}.brand-home-tool h2{margin:10px 0;font-size:clamp(1.7rem,3vw,2.4rem)}.brand-home-tool p{max-width:580px;color:var(--landing-muted);margin-bottom:14px}.brand-home-tool>div>a{color:#9ec7ff;font-weight:700;text-decoration:none}.site-info-page{min-height:55vh;padding:90px 0 110px}.site-info-page>p:not(.landing-eyebrow){max-width:760px;color:var(--landing-muted);margin:0 0 20px;font-size:1.05rem}.site-info-page a{color:#9ec7ff}.landing-mobile-cta{display:none}.route-loading{color:#f3f6fb;background:#090d16;place-items:center;min-height:100vh;font:500 14px/1.4 ui-sans-serif,system-ui,sans-serif;display:grid}@media (width<=960px){.landing-hero{grid-template-columns:1fr;gap:30px;padding-top:55px}.landing-hero-copy{text-align:center}.landing-lede{margin-inline:auto}.landing-proof{justify-content:center}.landing-hero-art{width:min(680px,100%);margin:auto;padding-left:0}.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-step:last-child{grid-column:span 2;min-height:auto}.landing-formats{grid-template-columns:1fr;gap:15px}.landing-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.seo-landing{padding-bottom:82px}.landing-nav{flex-wrap:wrap;gap:7px 12px;width:calc(100% - 36px);height:auto;min-height:65px;padding:10px 0 0}.landing-brand img{width:95px;height:40px}.landing-nav nav{order:3;justify-content:space-between;gap:8px;width:100%;padding:0 0 10px;display:flex}.landing-nav nav a{font-size:.72rem}.landing-nav-cta{padding:8px 11px;font-size:.82rem}.localized-landing-page .landing-nav nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 12px}.localized-landing-page .landing-nav nav>a{white-space:normal}.language-switcher summary{min-height:36px;padding:0 9px;font-size:.78rem}.language-switcher-menu{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-height:70vh;position:fixed;inset:auto 18px 18px}.landing-footer .language-switcher-menu{inset:auto auto calc(100% + 8px) 0}.landing-hero,.landing-section{width:calc(100% - 36px)}.landing-hero{padding:52px 0 62px}.landing-hero h1{font-size:clamp(2.55rem,11.8vw,3.8rem)}.landing-lede{font-size:1rem}.landing-proof{gap:9px 13px;font-size:.7rem}.landing-hero-art{padding-top:20px}.landing-preview{font-size:8px}.preview-workspace{grid-template-columns:25px 1fr 65px;gap:5px;padding:7px}.preview-screen{height:130px}.preview-tools span{width:22px;height:22px}.preview-inspector{gap:6px}.preview-inspector i{height:14px}.landing-float-card{padding:9px 11px;bottom:-2px;right:-5px}.landing-section{padding:62px 0}.landing-section-heading{margin-bottom:26px}.landing-steps,.landing-feature-grid{grid-template-columns:1fr}.landing-step,.landing-step:last-child{grid-column:auto;min-height:auto}.landing-step{padding:17px}.landing-step-icon{margin:8px 0}.landing-feature{padding:18px}.landing-why{grid-template-columns:1fr;gap:15px}.landing-why ul{padding:17px}.landing-formats{width:calc(100% - 36px);margin-bottom:45px;padding:22px}.landing-preview-cta,.landing-format-cta{flex-direction:column;align-items:flex-start;width:calc(100% - 36px);margin-top:0;margin-bottom:30px;padding:17px}.landing-audience{width:calc(100% - 36px);padding:15px 0 50px}.landing-audience-grid{grid-template-columns:1fr}.landing-final-cta{width:calc(100% - 36px);padding:50px 17px}.landing-footer{width:calc(100% - 36px)}.landing-footer nav{flex-wrap:wrap;gap:12px 18px;width:100%}.landing-footer p{margin:0}.brand-home-hero,.brand-home-tool,.site-info-page{width:calc(100% - 36px)}.brand-home-hero{padding:65px 0 55px}.brand-home-hero>p:not(.landing-eyebrow){font-size:1rem}.brand-home-tool{flex-direction:column;align-items:flex-start;margin-bottom:48px;padding:20px}.site-info-page{min-height:55vh;padding:70px 0 90px}.landing-mobile-cta{z-index:20;padding:10px 18px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d16f2;border-top:1px solid #ffffff20;display:block;position:fixed;bottom:0;left:0;right:0}.landing-mobile-cta .landing-primary-cta{width:100%;display:flex}.brand-home .landing-mobile-cta{display:none}}.app-shell{grid-template-rows:var(--header-h) minmax(0, 1fr) var(--status-h);background:var(--bg-0);height:100dvh;display:grid;overflow:hidden}.editor-layout{grid-template-rows:minmax(0, 1fr) var(--timeline-h);min-height:0;transition:grid-template-rows .18s;display:grid;overflow:hidden}.editor-layout.is-timeline-collapsed{grid-template-rows:minmax(0,1fr) 42px}.workspace{grid-template-columns:var(--left-w) minmax(0, 1fr) var(--right-w);min-height:0;transition:grid-template-columns .18s;display:grid;overflow:hidden}.workspace.left-collapsed{grid-template-columns:0 minmax(0, 1fr) var(--right-w)}.workspace.right-collapsed{grid-template-columns:var(--left-w) minmax(0, 1fr) 0}.workspace.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.workspace>*{min-width:0;min-height:0}.sidebar{background:var(--bg-2);min-height:0;display:flex;overflow:hidden}.left-sidebar{border-right:1px solid var(--border)}.right-sidebar{border-left:1px solid var(--border)}.left-sidebar-inner{width:var(--left-w);min-width:var(--left-w);height:100%;min-height:0;display:flex;overflow:hidden}.icon-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-btn:active:not(:disabled){background:#242a33}.icon-btn.is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.icon-btn:disabled{opacity:.32}.icon-btn-sm{border-radius:var(--radius-xs);width:25px;height:25px}.icon-btn-xs{border-radius:var(--radius-xs);width:21px;height:21px}.primary-btn{border-radius:var(--radius-sm);color:#fff;letter-spacing:.01em;height:29px;transition:filter var(--transition-fast), transform var(--transition-fast);background:linear-gradient(#8f7fff 0%,#705df0 100%);border:1px solid #ffffff21;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 3px 12px #705df038}.primary-btn:hover:not(:disabled){filter:brightness(1.08)}.primary-btn:active:not(:disabled){transform:translateY(1px)}.primary-btn:disabled{opacity:.5}.ghost-btn{border:1px solid var(--border);border-radius:var(--radius-sm);height:26px;color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0 10px;font-size:10.5px;display:inline-flex}.ghost-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text)}.count-badge{border-radius:var(--radius-xs);background:var(--bg-4);height:15px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em;align-items:center;padding:0 5px;font-size:8.5px;font-weight:500;display:inline-flex}.header-divider,.toolbar-divider,.control-divider{background:var(--border);flex-shrink:0;width:1px;height:18px;display:block}.header-divider{margin:0 2px}.app-header{z-index:40;border-bottom:1px solid var(--border);background:linear-gradient(#14161b 0%,#101216 100%);align-items:center;gap:14px;padding:0 12px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff05}.header-left{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.brand{flex-shrink:0;align-items:center;gap:8px;display:flex}.brand-logo{object-fit:cover;object-position:center 50%;border-radius:4px;width:112px;height:36px;display:block}.brand-mark{color:#fff;background:linear-gradient(145deg,#9384ff 0%,#6c58ec 100%);border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 2px 8px #6c58ec59}.brand-copy{align-items:center;gap:7px;display:flex}.brand-name{letter-spacing:-.01em;color:var(--text);white-space:nowrap;font-size:12.5px;font-weight:650}.phase-chip{border:1px solid var(--border-strong);border-radius:var(--radius-xs);height:15px;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:0 5px;font-size:8px;font-weight:600;display:inline-flex}.project-block{align-items:center;gap:5px;min-width:0;display:flex}.project-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;font-size:8.5px;font-weight:600}.project-input{border-radius:var(--radius-xs);width:148px;min-width:70px;height:27px;color:var(--text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;padding:0 6px;font-size:11.5px;font-weight:500}.project-input:hover{background:var(--bg-3)}.project-input:focus{background:var(--bg-1);border-color:var(--accent-border);color:var(--text)}.dirty-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #f0b45c1a}.header-center{flex-shrink:0;align-items:center;gap:2px;display:flex}.header-right{flex:auto;justify-content:flex-end;align-items:center;gap:2px;display:flex}.workspace-picker{align-items:center;margin-left:4px;display:flex;position:relative}.workspace-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-3);height:27px;color:var(--text-secondary);appearance:none;cursor:pointer;padding:0 23px 0 8px;font-size:10.5px;font-weight:500}.workspace-select:hover{border-color:var(--border-strong);color:var(--text)}.workspace-select option{background:var(--bg-3)}.select-chevron{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.mode-chip{border:1px solid var(--teal-border);border-radius:var(--radius-xs);background:var(--teal-soft);height:17px;color:var(--teal);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;margin-left:6px;padding:0 5px;font-size:8px;font-weight:600;display:inline-flex}.export-btn{border-radius:var(--radius-sm);color:#fff;letter-spacing:.01em;height:29px;transition:filter var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(#8f7fff 0%,#705df0 100%);border:1px solid #ffffff24;align-items:center;gap:6px;padding:0 13px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 4px 14px #705df042}.export-btn:hover{filter:brightness(1.09);box-shadow:inset 0 1px #ffffff2e,0 5px 18px #705df05c}.export-btn:active{transform:translateY(1px)}.header-right .tooltip-wrap:last-child{margin-left:4px}.left-rail{width:var(--rail-w);flex:0 0 var(--rail-w);background:var(--bg-1);border-right:1px solid var(--border-soft);flex-direction:column;align-items:center;padding:7px 2px;display:flex}.rail-tabs{flex-direction:column;gap:3px;width:100%;display:flex}.rail-btn{border-radius:var(--radius-sm);width:100%;height:46px;color:var(--text-muted);letter-spacing:.01em;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:8px;font-weight:500;display:flex;position:relative}.rail-btn>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.rail-btn.is-compact{letter-spacing:0;font-size:7.5px}.rail-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.rail-btn.is-active{background:var(--accent-soft);color:var(--accent);border-color:#8b7cff33}.rail-btn.is-active:before{content:"";background:var(--accent);width:2px;box-shadow:0 0 8px var(--accent-glow);border-radius:2px;position:absolute;top:11px;bottom:11px;left:-2px}.left-panel{background:var(--bg-2);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--border-soft);background:var(--bg-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:40px;padding:0 9px 0 12px;display:flex}.panel-title{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;font-size:9.5px;font-weight:650;display:flex}.panel-title svg{color:var(--text-muted)}.media-panel{position:relative}.media-toolbar{border-bottom:1px solid var(--border-soft);flex-shrink:0;padding:8px 10px}.search-field{align-items:center;display:flex;position:relative}.search-field svg{color:var(--text-faint);pointer-events:none;position:absolute;left:8px}.search-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);width:100%;height:27px;color:var(--text);transition:border-color var(--transition-fast), background var(--transition-fast);padding:0 8px 0 26px;font-size:10.5px}.search-field input::placeholder{color:var(--text-faint)}.search-field input:focus{border-color:var(--accent-border);background:var(--bg-0)}.search-field input::-webkit-search-cancel-button{filter:invert(.6)}.media-scroll{flex:1;min-height:0;padding:9px;overflow-y:auto}.import-zone{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%, #8b7cff12, transparent 62%), var(--bg-2);text-align:center;flex-direction:column;align-items:center;padding:26px 13px 16px;display:flex}.import-icon{border:1px solid var(--accent-border);background:var(--accent-soft);width:43px;height:43px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex;box-shadow:0 0 0 6px #8b7cff0a}.import-zone h3{color:var(--text);letter-spacing:-.01em;margin-bottom:5px;font-size:12px;font-weight:600}.import-zone p{color:var(--text-muted);margin-bottom:12px;font-size:10px;line-height:1.55}.import-zone .primary-btn{width:100%;margin-bottom:13px}.import-zone .import-supported{border-top:1px solid var(--border-soft);width:100%;color:var(--text-faint);margin:0;padding-top:11px;font-size:8.5px;line-height:1.7}.importing-indicator{color:var(--text-muted);align-items:center;gap:7px;padding:6px 4px 9px;font-size:9.5px;display:flex}.spinner{border:1.5px solid #8b7cff40;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.media-import-strip{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text-faint);text-align:left;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:0 0;align-items:center;gap:7px;margin-bottom:7px;padding:0 9px;font-size:9.5px;display:flex}.media-import-strip:hover{border-color:var(--accent-border);color:var(--text-secondary);background:#8b7cff0a}.strip-action{color:var(--accent);margin-left:auto;font-size:9px;font-weight:600}.media-list{flex-direction:column;gap:2px;display:flex}.media-card{border-radius:var(--radius-md);min-width:0;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;align-items:stretch;display:flex}.media-card:hover{background:var(--bg-3)}.media-card.is-selected{background:var(--accent-soft);border-color:var(--accent-border)}.media-card-main{border-radius:var(--radius-md);min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px;display:flex}.thumb{border-radius:var(--radius-xs);background:#050608;border:1px solid #272b33;flex-shrink:0;width:58px;height:36px;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb.is-audio{background:linear-gradient(135deg,#3ddbc021,#0a1211);border-color:#3ddbc02e}.thumb-audio{width:100%;height:100%;color:var(--teal);justify-content:center;align-items:center;display:flex}.thumb-kind{color:#e8ebf1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040507c7;border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;bottom:2px;left:2px}.duration-chip{color:#dfe3ea;font-family:var(--font-mono);background:#040507d1;border-radius:2px;padding:1px 3px;font-size:8px;line-height:1.3;position:absolute;bottom:2px;right:2px}.media-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.media-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;line-height:1.3;overflow:hidden}.media-card.is-selected .media-name{color:var(--text)}.media-meta{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;line-height:1.3;overflow:hidden}.media-card-actions{opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:0;padding-right:4px;display:flex}.media-card:hover .media-card-actions,.media-card.is-selected .media-card-actions,.media-card:focus-within .media-card-actions{opacity:1}.media-card-actions .icon-btn{color:var(--text-muted)}.media-card-actions .icon-btn:hover{color:var(--text)}.drop-overlay{z-index:8;border:1px dashed var(--accent);border-radius:var(--radius-lg);color:var(--accent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#08090be0;justify-content:center;align-items:center;gap:7px;font-size:10.5px;font-weight:500;display:flex;position:absolute;inset:5px}.placeholder-panel{width:calc(var(--left-w) - var(--rail-w));min-width:calc(var(--left-w) - var(--rail-w))}.placeholder-body{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:7px;padding:26px 18px;display:flex}.empty-state-icon{border:1px solid var(--border);background:var(--bg-3);width:42px;height:42px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:3px;display:inline-flex}.empty-state h3{color:var(--text-secondary);font-size:11.5px;font-weight:600}.empty-state p{max-width:220px;font-size:9.5px;line-height:1.55}.empty-state-action{margin-top:5px}.empty-state-compact{padding:22px 12px}.empty-state-compact .empty-state-icon{width:34px;height:34px}.preview-panel{background:var(--bg-1);flex-direction:column;min-height:0;display:flex}.preview-monitor{background:linear-gradient(#0d0f13 0%,#090b0e 100%);flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.preview-monitor:fullscreen{background:#07080a;width:100vw;height:100vh}.monitor-header{border-bottom:1px solid var(--border-soft);background:var(--bg-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:36px;padding:0 12px;display:flex}.monitor-title{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;font-size:9px;font-weight:650;display:flex}.pro-badge{border:1px solid var(--teal-border);border-radius:var(--radius-xs);background:var(--teal-soft);height:14px;color:var(--teal);letter-spacing:.08em;align-items:center;padding:0 5px;font-size:7.5px;font-weight:650;display:inline-flex}.monitor-meta{color:var(--text-faint);font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:12px;font-size:8.5px;display:flex;overflow:hidden}.monitor-meta span:first-child{text-overflow:ellipsis;overflow:hidden}.preview-stage{background-color:#090b0e;background-image:radial-gradient(circle,#8b7cff0b,#0000 62%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:auto,32px 32px,32px 32px;flex:1;justify-content:center;align-items:center;min-height:0;padding:18px 24px;display:flex;position:relative;overflow:hidden}.preview-canvas.is-empty{width:min(100%, 800px, calc((100dvh - var(--header-h) - var(--status-h) - var(--timeline-h) - 128px) * 16 / 9));aspect-ratio:16/9;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 42%,#14171d 0%,#090b0e 72%);border:1px dashed #2a2f39;justify-content:center;align-items:center;display:flex;box-shadow:0 24px 60px #0006,inset 0 0 0 1px #ffffff04}.preview-empty{text-align:center;flex-direction:column;align-items:center;gap:7px;padding:20px;display:flex}.preview-empty-icon{border:1px solid var(--border-strong);background:var(--bg-3);width:48px;height:48px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex;box-shadow:0 0 0 7px #ffffff04}.preview-empty h2{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:600}.preview-empty p{max-width:300px;color:var(--text-muted);margin-bottom:5px;font-size:10.5px;line-height:1.5}.preview-empty-hint{color:var(--text-faint);letter-spacing:.01em;font-size:8.5px}.preview-media{border-radius:var(--radius-xs);object-fit:contain;background:#000;border:1px solid #272c35;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 18px 48px #0000008c,0 0 0 1px #ffffff05}.preview-audio-card{border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;width:min(100%,340px);box-shadow:var(--shadow-md);background:linear-gradient(#11151a,#0b0d11);flex-direction:column;align-items:center;gap:7px;padding:26px 20px;display:flex}.preview-audio-icon{border:1px solid var(--teal-border);background:var(--teal-soft);width:48px;height:48px;color:var(--teal);border-radius:50%;justify-content:center;align-items:center;margin-bottom:3px;display:inline-flex}.preview-audio-card strong{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.preview-audio-card p{color:var(--text-muted);font-size:10px;line-height:1.5}.preview-buffering{pointer-events:none;background:#07080a6b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preview-buffering .spinner{border-width:2px;width:22px;height:22px}.preview-error{text-align:center;background:#08090bf0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0}.preview-error-icon{background:var(--danger-soft);width:42px;height:42px;color:var(--danger);border:1px solid #ff72724d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:3px;display:inline-flex}.preview-error strong{color:var(--text);font-size:12px;font-weight:600}.preview-error p{max-width:320px;color:var(--text-muted);font-size:10px;line-height:1.55}.preview-controls{border-top:1px solid var(--border);background:var(--bg-2);flex-shrink:0;align-items:center;gap:10px;height:56px;padding:0 12px;display:flex}.transport-left{flex-shrink:0;align-items:center;gap:9px;display:flex}.icon-btn.play-button{color:#fff;background:linear-gradient(#8f7fff 0%,#705df0 100%);border:1px solid #ffffff26;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 1px #fff3,0 2px 10px #705df047}.icon-btn.play-button:hover:not(:disabled){color:#fff;filter:brightness(1.04);background:linear-gradient(#9a8bff 0%,#7b68f7 100%)}.timecode{color:var(--text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:3px;font-size:9.5px;display:flex}.timecode-total{color:var(--text-faint)}.seek-range{flex:1;min-width:60px}.preview-control-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.volume-group{align-items:center;gap:2px;display:flex}.volume-range{width:58px}.control-divider{height:16px;margin:0 1px}.scale-picker{align-items:center;display:flex;position:relative}.scale-select{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-1);height:24px;color:var(--text-secondary);appearance:none;cursor:pointer;padding:0 20px 0 7px;font-size:9.5px}.scale-select:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.scale-select:disabled{opacity:.4;cursor:not-allowed}.scale-select option{background:var(--bg-3)}.inspector{background:var(--insp-bg,#0f1117);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.inspector .panel-head{border-bottom:1px solid var(--insp-border,#2b3040);background:#12141c;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.inspector .panel-title{color:var(--insp-text-primary,#f3f4f6);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.inspector .panel-title svg{color:var(--insp-accent,#8b5cf6)}.inspector .count-badge{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-xs,4px);background:var(--insp-bg-elevated,#202435);color:var(--insp-accent,#8b5cf6);letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;font-size:8px;font-weight:650}.inspector-scroll{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--insp-border,#2b3040) transparent;flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;padding:12px 10px 24px;display:flex;overflow:hidden auto}.inspector-scroll::-webkit-scrollbar{width:6px}.inspector-scroll::-webkit-scrollbar-track{background:0 0}.inspector-scroll::-webkit-scrollbar-thumb{background:var(--insp-border,#2b3040);border-radius:3px}.inspector-scroll::-webkit-scrollbar-thumb:hover{background:#3e455b}.inspector-empty{text-align:center;border:1px dashed var(--insp-border,#2b3040);border-radius:var(--radius-md,8px);background:var(--insp-bg-card,#171a23);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:28px 20px;display:flex}.inspector-empty-icon{border:1px solid var(--insp-border,#2b3040);background:var(--insp-bg-elevated,#202435);width:42px;height:42px;color:var(--insp-accent,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;display:inline-flex}.inspector-empty h3{color:var(--insp-text-primary,#f3f4f6);font-size:11.5px;font-weight:650}.inspector-empty p{max-width:215px;color:var(--insp-text-secondary,#9ca3af);font-size:9.5px;line-height:1.55}.asset-summary{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-md,8px);background:var(--insp-bg-card,#171a23);align-items:center;gap:10px;padding:9px 10px;display:flex;box-shadow:0 1px 3px #0003}.summary-thumb{border-radius:var(--radius-xs,4px);border:1px solid var(--insp-border-subtle,#232735);width:62px;height:39px;overflow:hidden}.asset-summary-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.asset-summary-name{color:var(--insp-text-primary,#f3f4f6);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.asset-summary-kind{color:var(--insp-text-secondary,#9ca3af);text-transform:capitalize;align-items:center;gap:4px;font-size:8.5px;display:flex}.meta-list{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-md,8px);background:var(--insp-bg-card,#171a23);overflow:hidden;box-shadow:0 1px 3px #0003}.meta-row{border-bottom:1px solid var(--insp-border-subtle,#232735);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 10px;font-size:9.5px;display:flex}.meta-row:last-child{border-bottom:0}.meta-row dt{color:var(--insp-text-secondary,#9ca3af);flex-shrink:0}.meta-row dd{color:var(--insp-text-primary,#f3f4f6);font-family:var(--font-mono);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.meta-row dd.meta-unavailable{color:var(--insp-text-muted,#6b7280);font-family:var(--font-ui);font-style:italic}.panel-section{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-md,8px);background:var(--insp-bg-card,#171a23);transition:border-color var(--transition-fast,.12s ease), box-shadow var(--transition-fast,.12s ease);flex-direction:column;display:flex;box-shadow:0 1px 3px #0003}.panel-section:hover{border-color:#8b5cf640}.section-head{border-radius:var(--radius-md,8px);width:100%;height:36px;min-height:36px;color:var(--insp-text-primary,#f3f4f6);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast,.12s ease), color var(--transition-fast,.12s ease);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 10px 0 11px;display:flex}.section-head:hover{background:#ffffff09}.section-head:focus-visible{outline:2px solid var(--insp-accent,#8b5cf6);outline-offset:-2px}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--insp-text-primary,#f3f4f6);align-items:center;gap:7px;min-width:0;font-size:9.5px;font-weight:650;display:flex}.section-title-icon{color:var(--insp-accent,#8b5cf6);opacity:.9;flex-shrink:0}.section-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-badge{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-xs,4px);background:var(--insp-bg-elevated,#202435);color:var(--insp-text-secondary,#9ca3af);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;padding:1px 5px;font-size:7.5px;font-weight:600}.section-chevron{color:var(--insp-text-secondary,#9ca3af);transition:transform .2s cubic-bezier(.4, 0, .2, 1), color var(--transition-fast,.12s ease);flex-shrink:0}.section-head:hover .section-chevron{color:var(--insp-text-primary,#f3f4f6)}.panel-section.is-collapsed .section-chevron{transform:rotate(-90deg)}.section-content-wrapper{grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1);display:grid}.panel-section.is-collapsed .section-content-wrapper{grid-template-rows:0fr}.section-content-inner{min-height:0;overflow:hidden}.panel-section.is-collapsed .section-content-inner{visibility:hidden;transition:visibility .2s step-end}.panel-section:not(.is-collapsed) .section-content-inner{visibility:visible;transition:visibility}.section-body{border-top:1px solid var(--insp-border,#2b3040);flex-direction:column;gap:10px;padding:11px 11px 12px;display:flex}@media (prefers-reduced-motion:reduce){.section-content-wrapper,.section-chevron{transition:none!important}}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field label,.slider-label,.alignment-label{color:var(--insp-text-secondary,#9ca3af);letter-spacing:.05em;text-transform:uppercase;font-size:8.5px;font-weight:600}.field-control{align-items:center;width:100%;min-width:0;display:flex;position:relative}.field input,.field select{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-sm,5px);width:100%;min-width:0;height:28px;color:var(--insp-text-primary,#f3f4f6);font-variant-numeric:tabular-nums;box-sizing:border-box;transition:border-color var(--transition-fast,.12s ease), box-shadow var(--transition-fast,.12s ease), background var(--transition-fast,.12s ease);background:#11131b;padding:0 8px;font-size:11px}.field input:hover:not(:disabled),.field select:hover:not(:disabled){background:#141722;border-color:#3e455b}.field input:focus,.field select:focus{border-color:var(--insp-accent,#8b5cf6);background:#141722;outline:none;box-shadow:0 0 0 2px #8b5cf640}.field input[type=number]{appearance:textfield;padding-right:24px}.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-suffix{color:var(--insp-text-muted,#6b7280);font-family:var(--font-mono);pointer-events:none;font-size:8.5px;position:absolute;right:8px}.field select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#9ca3af 50%),linear-gradient(135deg,#9ca3af 50%,#0000 50%);background-position:calc(100% - 12px) 11px,calc(100% - 8px) 11px;background-repeat:no-repeat;background-size:4px 4px,4px 4px}.field-note{border:1px solid var(--insp-border-subtle,#232735);border-radius:var(--radius-sm,5px);color:var(--insp-text-secondary,#9ca3af);background:#13151f;align-items:flex-start;gap:7px;padding:8px 10px;font-size:9px;line-height:1.5;display:flex}.field-note svg{color:var(--insp-accent,#8b5cf6);flex-shrink:0;margin-top:1px}.section-body .ghost-btn{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-sm,5px);background:var(--insp-bg-elevated,#202435);width:100%;height:26px;color:var(--insp-text-primary,#f3f4f6);transition:all var(--transition-fast,.12s ease);font-size:9.5px;font-weight:550}.section-body .ghost-btn:hover:not(:disabled){color:#fff;background:#282d42;border-color:#424a63}.section-body .ghost-btn:active:not(:disabled){background:#1c2030}.appearance-controls{flex-direction:column;gap:7px;display:flex}.slider-row{flex-direction:column;gap:1px;display:flex}.slider-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.slider-value{color:var(--text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;font-size:8.5px}.slider-row .range{width:100%;height:14px}.inspector .tool-button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.inspector .section-body .tool-button-row .ghost-btn{width:100%;height:26px;padding:0 6px;font-size:9px}.inspector .segmented{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-xs,4px);background:#11131b;gap:2px;padding:2px;display:flex}.inspector .segmented-btn{height:22px;color:var(--insp-text-secondary,#9ca3af);transition:background var(--transition-fast,.12s ease), color var(--transition-fast,.12s ease);background:0 0;border:0;border-radius:3px;flex:1;padding:0 4px;font-size:8.5px;font-weight:550}.inspector .segmented-btn:hover:not(:disabled){color:var(--insp-text-primary,#f3f4f6);background:#ffffff0d}.inspector .segmented-btn.is-active{background:var(--insp-accent,#8b5cf6);color:#fff;box-shadow:0 1px 3px #8b5cf659}.inspector .speed-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.inspector .speed-chip{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-xs,4px);height:24px;color:var(--insp-text-secondary,#9ca3af);font-family:var(--font-mono);transition:all var(--transition-fast,.12s ease);background:#11131b;padding:0 4px;font-size:8.5px}.inspector .speed-chip:hover:not(:disabled){background:var(--insp-bg-elevated,#202435);color:var(--insp-text-primary,#f3f4f6);border-color:#3e455b}.inspector .speed-chip.is-active{border-color:var(--insp-accent,#8b5cf6);color:#e2d9ff;background:#8b5cf62e;font-weight:600}.inspector .crop-summary,.inspector .canvas-current{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-xs,4px);color:var(--insp-text-secondary,#9ca3af);font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:#11131b;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;font-size:8.5px;display:flex}.inspector .clip-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.inspector .clip-actions .ghost-btn{width:100%;height:26px;padding:0 6px;font-size:9px}.inspector .clip-actions .clip-action-full{grid-column:1/-1}.inspector .inspector-effect-row{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-sm,6px);width:100%;color:var(--insp-text-primary,#f3f4f6);text-align:left;transition:all var(--transition-fast,.12s ease);background:#12141d;align-items:center;gap:8px;padding:7px 9px;display:flex}.inspector .inspector-effect-row:hover:not(:disabled){background:#161925;border-color:#3e455b}.inspector .inspector-effect-row.is-active{background:#8b5cf614;border-color:#8b5cf666}.inspector .inspector-effect-icon{background:var(--insp-bg-elevated,#202435);width:22px;height:22px;color:var(--insp-accent,#8b5cf6);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.inspector .effect-toggle{text-transform:uppercase;background:var(--insp-bg-elevated,#202435);color:var(--insp-text-muted,#6b7280);border-radius:3px;margin-left:auto;padding:2px 6px;font-size:8px;font-weight:600}.inspector .effect-toggle.is-on{color:#ddd6fe;background:#8b5cf633}.inspector .effect-control{flex-direction:column;gap:3px;display:flex}.inspector .effect-control-head{justify-content:space-between;align-items:center;display:flex}.inspector .effect-control-head label{color:var(--insp-text-secondary,#9ca3af);letter-spacing:.05em;text-transform:uppercase;font-size:8.5px;font-weight:600}.inspector .effect-number{align-items:center;gap:3px;display:flex}.inspector .effect-number input{border:1px solid var(--insp-border,#2b3040);border-radius:var(--radius-xs,4px);width:48px;height:22px;color:var(--insp-text-primary,#f3f4f6);text-align:right;font-size:9px;font-family:var(--font-mono);background:#11131b;padding:0 4px}.inspector .effect-number span{color:var(--insp-text-muted,#6b7280);font-size:8.5px;font-family:var(--font-mono)}.inspector .range{accent-color:var(--insp-accent,#8b5cf6)}.timeline-panel{border-top:1px solid var(--border);background:var(--bg-1);flex-direction:column;min-height:0;display:flex;overflow:hidden}.timeline-toolbar{border-bottom:1px solid var(--border-soft);background:var(--bg-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:42px;padding:0 10px 0 12px;display:flex}.timeline-control-group{flex:none;align-items:center;gap:5px;display:inline-flex}.timeline-label{min-width:0;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;font-size:9px;font-weight:650;display:flex}.timeline-label svg{color:var(--text-muted)}.sequence-chip{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-3);height:15px;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;padding:0 5px;font-size:7.5px;font-weight:500;display:inline-flex}.timeline-clip-count{color:var(--text-faint);font-family:var(--font-mono);letter-spacing:0;text-transform:none;font-size:8px;font-weight:400}.timeline-toolbar-right{flex-shrink:0;align-items:center;gap:5px;display:flex}.timeline-toolbar-right>.timeline-control-group{min-width:max-content}.toggle-chip{border:1px solid var(--border);border-radius:var(--radius-xs);height:23px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:0 7px;font-size:8.5px;font-weight:600;display:inline-flex}.toggle-chip:hover{border-color:var(--border-strong);color:var(--text-secondary)}.toggle-chip.is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.timeline-toolbar .toolbar-divider{height:15px;margin:0 2px}.timeline-toolbar .icon-btn:focus-visible,.timeline-toolbar .toggle-chip:focus-visible,.track-header:focus-visible,.timeline-clip:focus-visible,.timeline-graphic:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:12}.timeline-zoom{width:84px}.playhead-time{border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:var(--bg-1);color:var(--text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;padding:3px 6px;font-size:8.5px}.timeline-body{flex:1;min-height:0;display:flex;overflow:hidden}.timeline-panel.is-collapsed .timeline-body{display:none}.timeline-panel.is-collapsed .timeline-toolbar{border-bottom:0}.timeline-scroll{background:var(--bg-1);flex:1;min-width:0;min-height:0;overflow:auto}.timeline-scroll::-webkit-scrollbar{width:8px;height:8px}.timeline-scroll::-webkit-scrollbar-thumb{border:2px solid var(--bg-1);background:#39404c;border-radius:6px}.timeline-content{width:calc(var(--track-header-w) + var(--canvas-width));flex-direction:column;min-width:100%;height:auto;min-height:100%;display:flex;position:relative}.timeline-ruler-row{z-index:8;height:var(--ruler-h);flex:0 0 var(--ruler-h);border-bottom:1px solid var(--border);background:var(--bg-1);display:flex;position:sticky;top:0}.ruler-corner{z-index:10;width:var(--track-header-w);flex:0 0 var(--track-header-w);border-right:1px solid var(--border);background:var(--bg-2);color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding-left:11px;font-size:7.5px;font-weight:600;display:flex;position:sticky;left:0}.timeline-ruler{background:var(--bg-1);cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;flex:none;height:100%;position:relative;overflow:hidden}.timeline-ruler.is-seekable{cursor:col-resize}.ruler-tick{pointer-events:none;background:#272c34;width:1px;position:absolute;bottom:0}.ruler-tick.major{background:#3a414c;height:9px}.ruler-tick.minor{height:4px}.ruler-label{color:var(--text-faint);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;padding-left:3px;font-size:8px;position:absolute;top:5px}.timeline-track{flex:0 0 var(--track-h);min-height:var(--track-h);border-bottom:1px solid var(--border-soft);display:flex}.timeline-track:last-of-type{border-bottom:0}.track-header{z-index:5;width:var(--track-header-w);flex:0 0 var(--track-header-w);border-right:1px solid var(--border);background:var(--bg-2);align-items:center;gap:7px;padding:0 6px 0 9px;display:flex;position:sticky;left:0}.timeline-track.is-locked .track-header{background:#12151a}.track-color{border-radius:2px;flex-shrink:0;width:2px;height:20px}.track-color-video{background:linear-gradient(#a89aff,#7664f2);box-shadow:0 0 6px #8b7cff59}.track-color-audio{background:linear-gradient(#66ebd6,#2ab9a0);box-shadow:0 0 6px #3ddbc040}.track-color-text{background:#60a5fa}.track-color-subtitle{background:#f0b45c}.track-info{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.track-label{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.02em;font-size:9.5px;font-weight:600}.track-name{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;line-height:1.25;overflow:hidden}.track-controls{opacity:.5;transition:opacity var(--transition-fast);align-items:center;gap:0;display:flex}.track-header:hover .track-controls,.track-controls:focus-within{opacity:1}.track-controls .icon-btn{color:var(--text-muted)}.track-controls .icon-btn.is-active{color:var(--amber);background:#f0b45c14;border-color:#f0b45c40}.track-lane{flex:0 0 var(--canvas-width);background-color:var(--bg-1);min-width:0;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);touch-action:none;background-image:linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-repeat:repeat;position:relative}.timeline-track:nth-of-type(2n) .track-lane{background-color:#0c0e12}.track-lane.is-hidden .timeline-clip{opacity:.28}.track-lane.is-muted .timeline-clip{opacity:.45}.track-lane.is-drop-target{box-shadow:inset 0 0 0 1px var(--accent-border);background-color:#8b7cff12}.lane-empty{color:#424a56;letter-spacing:.01em;white-space:nowrap;pointer-events:none;align-items:center;gap:4px;font-size:8.5px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.timeline-clip{border-radius:var(--radius-xs);background:linear-gradient(180deg, rgba(var(--clip-rgb), .55), rgba(var(--clip-rgb), .28));cursor:pointer;-webkit-user-select:none;user-select:none;height:32px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #ffffff24;align-items:center;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%);box-shadow:0 1px 4px #0006}.clip-video{--clip-rgb:139, 124, 255}.clip-image{--clip-rgb:84, 160, 255}.clip-audio{--clip-rgb:61, 219, 192}.timeline-clip:hover{z-index:3;border-color:#ffffff52}.timeline-clip.is-selected{box-shadow:0 0 0 1px var(--accent-border), 0 2px 8px #00000073;border-color:#ffffffa6}.clip-thumb{object-fit:cover;opacity:.28;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.clip-shade{pointer-events:none;background:linear-gradient(90deg,#08090bb8 0%,#08090b47 60%,#08090b80 100%);position:absolute;inset:0}.clip-name{z-index:1;color:#f0f2f6;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;white-space:nowrap;padding:0 6px;font-size:9px;font-weight:500;line-height:1.2;position:relative;overflow:hidden}.clip-duration{z-index:1;color:#ffffffb3;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;padding:0 5px;font-size:7.5px;position:relative}.clip-remove{z-index:2;color:#e8ebf1;opacity:0;width:17px;height:17px;transition:opacity var(--transition-fast), background var(--transition-fast);background:#050608d1;border:1px solid #fff3;border-radius:2px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.timeline-clip:hover .clip-remove,.clip-remove:focus-visible{opacity:1}.clip-remove:hover{background:var(--danger);border-color:var(--danger)}.timeline-playhead{z-index:4;background:var(--playhead);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 7px #ff7a5c66}.playhead-handle{background:var(--playhead);clip-path:polygon(0 0,100% 0,100% 56%,50% 100%,0 56%);border-radius:1px;width:11px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.status-bar{z-index:30;height:var(--status-h);border-top:1px solid var(--border);background:var(--bg-0);color:var(--text-faint);white-space:nowrap;align-items:center;gap:13px;padding:0 11px;font-size:8.5px;display:flex;position:relative;overflow:hidden}.status-item{align-items:center;gap:5px;display:flex}.status-dot{background:var(--success);border-radius:50%;width:5px;height:5px;box-shadow:0 0 5px #55d98a80}.status-count{font-family:var(--font-mono);color:var(--text-muted)}.status-selected{text-overflow:ellipsis;max-width:260px;overflow:hidden}.status-selected strong{color:var(--text-muted);text-overflow:ellipsis;font-weight:500;overflow:hidden}.status-spacer{flex:1}.status-privacy{color:var(--text-faint)}.status-chip{border:1px solid var(--border);border-radius:var(--radius-xs);height:14px;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:0 5px;font-size:7.5px;display:inline-flex}.toast-stack{z-index:200;pointer-events:none;flex-direction:column;gap:7px;width:min(370px,100vw - 28px);display:flex;position:fixed;bottom:36px;right:14px}.toast{border:1px solid var(--border-strong);border-left:2px solid var(--accent);border-radius:var(--radius-md);background:var(--bg-elevated);pointer-events:auto;align-items:flex-start;gap:8px;padding:9px 8px 9px 11px;animation:.18s toast-in;display:flex;box-shadow:0 14px 36px #00000080}.toast-info{border-left-color:var(--accent)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-icon{flex-shrink:0;margin-top:1px;display:flex}.toast-info .toast-icon{color:var(--accent)}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast p{color:var(--text-secondary);flex:1;font-size:10px;line-height:1.5}.toast .icon-btn{color:var(--text-muted)}@keyframes toast-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.modal-overlay,.modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040507ad;justify-content:center;align-items:center;padding:20px;animation:.14s fade-in;display:flex;position:fixed;inset:0}.modal{width:min(100%, var(--modal-width,480px));border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--bg-3);max-height:min(82vh,720px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.16s modal-in;display:flex;overflow:hidden}.modal.export-progress-modal.is-exporting{background:radial-gradient(at 12% 0,#8b7cff1c,#0000 48%),linear-gradient(145deg,#191a23 0%,#111319 70%);border:1px solid #8b7cff3d;border-radius:20px;width:min(560px,100%);max-width:560px;max-height:min(82dvh,480px,100dvh - 48px);animation:.22s cubic-bezier(.2,.8,.2,1) export-progress-in;overflow:hidden;box-shadow:0 28px 80px #00000094,0 0 36px #705df017}.export-progress-backdrop{align-items:safe center;padding:clamp(12px,4vw,24px);overflow:auto}.export-progress-modal.is-exporting .modal-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:24px 24px 20px;display:flex}.export-progress-modal.is-exporting .export-progress-title{align-items:center;gap:16px;min-width:0;display:flex}.export-progress-modal.is-exporting .export-progress-icon{color:#b6aaff;background:linear-gradient(145deg,#8b7cff33,#705df014);border:1px solid #8b7cff4d;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px #ffffff14,0 8px 24px #705df01f}.export-progress-modal.is-exporting .export-progress-title-copy{min-width:0}.export-progress-modal.is-exporting .modal-kicker{color:#a99bff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:650;line-height:1.2;display:block}.export-progress-modal.is-exporting .modal-header h2{color:#f3f1ff;letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(18px,4vw,21px);font-weight:650;line-height:1.25}.export-progress-modal.is-exporting .modal-header .export-meta{overflow-wrap:anywhere;margin-top:6px}.export-progress-modal.is-exporting .modal-header .icon-btn{background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;width:36px;height:36px}.export-progress-modal.is-exporting .modal-header .icon-btn:focus-visible,.export-progress-modal.is-exporting .modal-footer button:focus-visible{outline-offset:3px;outline:2px solid #a99bff}.export-progress-modal.is-exporting .modal-body{min-width:0;min-height:0;padding:24px;overflow:hidden auto}.export-progress-modal.is-exporting .export-progress-content{flex-direction:column;gap:20px;min-width:0;display:flex}.export-progress-modal.is-exporting .export-progress-content>.export-meta{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.export-progress-modal.is-exporting .export-progress-status{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;display:flex}.export-progress-modal.is-exporting .export-stage{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere;padding-top:4px;font-size:14px;font-weight:500;line-height:1.5}.export-progress-modal.is-exporting .export-percent{color:#c1b6ff;font-variant-numeric:tabular-nums;letter-spacing:-.055em;flex:none;font-size:clamp(26px,6vw,34px);font-weight:700;line-height:1}.export-progress-modal.is-exporting .export-bar{background:#090a0f;border:1px solid #ffffff14;border-radius:999px;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 2px 5px #0000006b}.export-progress-modal.is-exporting .export-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#705df0 0%,#927fff 58%,#b39cff 100%);height:100%;transition:width .18s ease-out;box-shadow:0 0 16px #8b7cff80}.export-progress-modal.is-exporting .export-progress-content>.export-meta:last-child{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.55}.export-progress-modal.is-exporting .modal-footer{border-top:1px solid #ffffff12;flex:none;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px 24px;display:flex}@keyframes export-progress-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 12px 12px 17px;display:flex}.modal-title{color:var(--text);letter-spacing:-.01em;font-size:12.5px;font-weight:600}.modal-subtitle{color:var(--text-muted);margin-top:3px;font-size:9.5px;line-height:1.45}.modal-body{color:var(--text-secondary);padding:15px 17px;font-size:10.5px;line-height:1.6;overflow-y:auto}.modal-body h3{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin:14px 0 5px;font-size:8.5px;font-weight:650}.modal-body h3:first-child{margin-top:0}.modal-body p{color:var(--text-muted);font-size:10px;line-height:1.6}.modal-footer{border-top:1px solid var(--border);padding:11px 17px}.export-settings-backdrop{align-items:safe center;padding:clamp(12px,4vw,24px);overflow:auto}.modal.export-modal{background:radial-gradient(at 12% 0,#8b7cff1a,#0000 48%),linear-gradient(145deg,#191a23 0%,#111319 70%);border:1px solid #8b7cff3d;border-radius:20px;width:min(560px,100%);max-width:560px;max-height:min(88dvh,760px,100dvh - 48px);animation:.22s cubic-bezier(.2,.8,.2,1) export-progress-in;overflow:hidden;box-shadow:0 28px 80px #00000094,0 0 36px #705df017}.export-modal .modal-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:24px 24px 20px;display:flex}.export-settings-title{align-items:center;gap:16px;min-width:0;display:flex}.export-settings-icon{color:#b6aaff;background:linear-gradient(145deg,#8b7cff33,#705df014);border:1px solid #8b7cff4d;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px #ffffff14,0 8px 24px #705df01f}.export-settings-title-copy{min-width:0}.export-modal .modal-kicker{color:#a99bff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:650;line-height:1.2;display:block}.export-modal .modal-header h2{color:#f3f1ff;letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(18px,4vw,21px);font-weight:650;line-height:1.25}.export-settings-title-copy>p{color:var(--text-muted);overflow-wrap:anywhere;margin-top:6px;font-size:12px;line-height:1.5}.export-modal .modal-header .icon-btn{background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;width:36px;height:36px}.export-modal .modal-header .icon-btn:focus-visible,.export-modal .modal-footer button:focus-visible{outline-offset:3px;outline:2px solid #a99bff}.export-modal .modal-body.export-body{flex-direction:column;gap:16px;min-width:0;min-height:0;padding:24px;display:flex;overflow:hidden auto}.export-modal .field{gap:7px}.export-modal .field label{color:#aeb4c2;letter-spacing:.08em;font-size:10px}.export-modal .field input,.export-modal .field select{color:#e8eaf2;background-color:#090a0f9e;border-color:#99a0b533;border-radius:9px;height:40px;padding-left:12px;padding-right:12px;font-size:13px}.export-modal .field select{background-position:calc(100% - 14px) 16px,calc(100% - 10px) 16px;padding-right:30px}.export-modal .field input:hover:not(:disabled),.export-modal .field select:hover:not(:disabled){background-color:#14151ee6;border-color:#a99bff6b}.export-modal .field input:focus,.export-modal .field select:focus{background-color:#14151ef2;border-color:#8b7cff;box-shadow:0 0 0 3px #8b7cff26}.export-modal .field small{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.5}.export-modal .export-note,.export-modal .export-warn{color:var(--text-muted);overflow-wrap:anywhere;background:#ffffff06;border:1px solid #ffffff12;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.55}.export-modal .export-warn{color:#edc58b;background:#f0b45c12;border-color:#f0b45c33}.export-modal .modal-footer{border-top:1px solid #ffffff12;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px 24px;display:flex}.export-modal .modal-footer .ghost-btn{border-radius:9px;height:40px;padding:0 16px;font-size:13px}.export-modal .modal-footer .primary-btn{border-radius:10px;min-height:40px;padding:0 18px;font-size:13px}.modal.export-progress-modal.is-complete{background:radial-gradient(at 12% 0,#8b7cff1a,#0000 48%),linear-gradient(145deg,#191a23 0%,#111319 70%);border:1px solid #8b7cff3d;border-radius:20px;width:min(560px,100%);max-width:560px;max-height:min(82dvh,560px,100dvh - 48px);animation:.22s cubic-bezier(.2,.8,.2,1) export-progress-in;overflow:hidden;box-shadow:0 28px 80px #00000094,0 0 36px #705df017}.export-progress-modal.is-complete .modal-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:24px 24px 20px;display:flex}.export-progress-modal.is-complete .export-progress-title{align-items:center;gap:16px;min-width:0;display:flex}.export-progress-modal.is-complete .export-progress-icon{color:#b6aaff;background:linear-gradient(145deg,#8b7cff33,#705df014);border:1px solid #8b7cff4d;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px #ffffff14,0 8px 24px #705df01f}.export-progress-modal.is-complete .export-progress-icon.is-complete{color:#80e5a7;background:linear-gradient(145deg,#55d98a29,#55d98a0d);border-color:#55d98a47;box-shadow:inset 0 1px #ffffff12,0 8px 24px #55d98a14}.export-progress-modal.is-complete .export-progress-title-copy{min-width:0}.export-progress-modal.is-complete .modal-kicker{color:#a99bff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:650;line-height:1.2;display:block}.export-progress-modal.is-complete .modal-header h2{color:#f3f1ff;letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(18px,4vw,21px);font-weight:650;line-height:1.25}.export-progress-modal.is-complete .modal-header .export-meta{overflow-wrap:anywhere;margin-top:6px}.export-progress-modal.is-complete .modal-header .icon-btn{background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;width:36px;height:36px}.export-progress-modal.is-complete .modal-body{min-width:0;min-height:0;padding:24px;overflow:hidden auto}.export-progress-modal.is-complete .export-success{flex-direction:column;gap:12px;min-width:0;display:flex}.export-progress-modal.is-complete .export-success>p:first-child{color:#dcefe2;font-size:15px;font-weight:600;line-height:1.45}.export-progress-modal.is-complete .export-success>.export-meta{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.55}.export-progress-modal.is-complete .export-success>.export-meta:nth-child(2){color:var(--text-secondary);font-family:var(--font-mono);background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;padding:12px 14px;font-size:11px}.export-progress-modal.is-complete .export-success .export-error{color:#edc58b;overflow-wrap:anywhere;background:#f0b45c12;border:1px solid #f0b45c33;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.55}.export-progress-modal.is-complete .modal-footer{border-top:1px solid #ffffff12;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 24px;display:flex}.export-progress-modal.is-complete .modal-footer .primary-btn{border-radius:10px;min-height:40px;padding:0 18px;font-size:13px}.export-progress-modal.is-complete .modal-footer .ghost-btn{border-radius:9px;height:36px;padding:0 13px;font-size:12px}.export-progress-modal.is-complete .modal-header .icon-btn:focus-visible,.export-progress-modal.is-complete .modal-footer button:focus-visible{outline-offset:3px;outline:2px solid #a99bff}@media (width<=600px){.export-settings-backdrop{padding:16px}.export-modal .modal-header{padding:20px 20px 16px}.export-modal .modal-body.export-body{gap:14px;padding:20px}.export-modal .modal-footer{padding:12px 20px 20px}.export-progress-backdrop{padding:16px}.export-progress-modal.is-exporting .modal-header{padding:20px 20px 16px}.export-progress-modal.is-exporting .modal-body{padding:20px}.export-progress-modal.is-exporting .export-progress-content{gap:16px}.export-progress-modal.is-exporting .modal-footer{padding:12px 20px 20px}.export-progress-modal.is-complete .modal-header{padding:20px 20px 16px}.export-progress-modal.is-complete .modal-body{padding:20px}.export-progress-modal.is-complete .modal-footer{padding:12px 20px 20px}}@media (width<=360px){.export-settings-backdrop{padding:12px}.export-modal .modal-header{gap:12px;padding:16px 16px 14px}.export-settings-title{gap:12px}.export-settings-icon{border-radius:12px;flex-basis:40px;width:40px;height:40px}.export-modal .modal-body.export-body{gap:12px;padding:16px}.export-modal .modal-footer{gap:8px;padding:12px 16px 16px}.export-progress-backdrop{padding:12px}.export-progress-modal.is-exporting .modal-header{gap:12px;padding:16px 16px 14px}.export-progress-modal.is-exporting .export-progress-title{gap:12px}.export-progress-modal.is-exporting .export-progress-icon{border-radius:12px;flex-basis:40px;width:40px;height:40px}.export-progress-modal.is-exporting .modal-body{padding:16px}.export-progress-modal.is-exporting .export-progress-content{gap:12px}.export-progress-modal.is-exporting .modal-footer{padding:12px 16px 16px}.export-progress-modal.is-complete .modal-header{gap:12px;padding:16px 16px 14px}.export-progress-modal.is-complete .export-progress-title{gap:12px}.export-progress-modal.is-complete .export-progress-icon{border-radius:12px;flex-basis:40px;width:40px;height:40px}.export-progress-modal.is-complete .modal-body{padding:16px}.export-progress-modal.is-complete .modal-footer{gap:8px;padding:12px 16px 16px}}.modal-note{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-1);color:var(--text-faint);margin-top:14px;padding:8px 9px;font-size:9px;line-height:1.55}.shortcut-list{flex-direction:column;display:flex}.shortcut-row{border-bottom:1px solid var(--border-soft);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:7px 0;font-size:10px;display:flex}.shortcut-row:last-child{border-bottom:0}.shortcut-keys{flex-shrink:0;gap:4px;display:flex}kbd{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--bg-1);min-width:21px;height:20px;color:var(--text-secondary);font-family:var(--font-mono);border-bottom-color:#414957;justify-content:center;align-items:center;padding:0 5px;font-size:8.5px;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.help-steps{counter-reset:step;flex-direction:column;gap:7px;display:flex}.help-steps li{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:10px;line-height:1.5;display:flex}.step-number{border:1px solid var(--accent-border);background:var(--accent-soft);width:17px;height:17px;color:var(--accent);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;display:inline-flex}.settings-group{flex-direction:column;display:flex}.toggle-row{border-bottom:1px solid var(--border-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:11px 0;display:flex}.toggle-row:first-child{padding-top:0}.toggle-label{color:var(--text-secondary);font-size:10.5px;font-weight:500;display:block}.toggle-description{color:var(--text-faint);margin-top:2px;font-size:9px;line-height:1.45;display:block}.switch{flex-shrink:0;width:32px;height:18px;display:inline-flex;position:relative}.switch input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-track{border:1px solid var(--border-strong);background:var(--bg-1);width:32px;height:18px;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:999px;display:block;position:relative}.switch-thumb{width:12px;height:12px;transition:transform var(--transition-fast), background var(--transition-fast);background:#7d8695;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{border-color:var(--accent-border);background:var(--accent-strong)}.switch input:checked+.switch-track .switch-thumb{background:#fff;transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent-border);outline-offset:2px}.settings-meta{border-top:1px solid var(--border);gap:28px;margin-top:15px;padding-top:12px;display:flex}.settings-meta div{flex-direction:column;gap:2px;display:flex}.settings-meta span{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:8px}.settings-meta strong{color:var(--text-secondary);font-family:var(--font-mono);font-size:9px;font-weight:500}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.speed-picker{align-items:center;display:flex;position:relative}.speed-select{text-align:left;width:48px;padding-right:18px}.usage-pill{z-index:2;border:1px solid var(--accent-border);min-width:16px;height:14px;color:var(--accent);font-family:var(--font-mono);pointer-events:none;background:#0f0d1ce6;border-radius:2px;justify-content:center;align-items:center;padding:0 3px;font-size:7.5px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}.media-card.is-in-use{border-color:#8b7cff21}.count-badge-clip{background:var(--accent-soft);color:var(--accent)}.meta-list-inline{margin-top:1px}.clip-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.section-body .clip-actions .ghost-btn{gap:5px;width:100%}.ghost-btn.danger-btn{color:#e6a2a2;border-color:#ff72722e}.ghost-btn.danger-btn:hover:not(:disabled){background:var(--danger-soft);color:#ffb8b8;border-color:#ff727273}.ghost-btn:disabled{opacity:.36;cursor:not-allowed}.field input:disabled,.field select:disabled{opacity:.48;cursor:not-allowed}.track-header{cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast)}.track-header:hover{background:#171b21}.track-controls{cursor:default}.timeline-track.is-selected-track .track-header{background:linear-gradient(90deg, #8b7cff1a, var(--bg-2) 78%);box-shadow:inset 2px 0 0 var(--accent)}.timeline-track.is-selected-track .track-label{color:var(--accent)}.timeline-track.is-locked .track-lane,.timeline-track.is-locked .timeline-clip{cursor:not-allowed}.timeline-clip{cursor:grab;touch-action:none}.timeline-clip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.timeline-clip.is-dragging{z-index:6;cursor:grabbing;box-shadow:0 0 0 1px var(--accent-border), 0 8px 20px #0000008c;opacity:.9;border-color:#ffffffb8}.timeline-clip.is-trimming{z-index:6;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border), 0 7px 18px #00000080}.clip-trim{z-index:3;cursor:ew-resize;opacity:0;width:7px;transition:opacity var(--transition-fast), background var(--transition-fast);touch-action:none;background:0 0;border:0;padding:0;position:absolute;top:0;bottom:0}.timeline-clip.is-selected .clip-trim{opacity:1}.clip-trim:after{content:"";background:#ffffffe6;border-radius:2px;width:2px;position:absolute;top:7px;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #000000b3}.clip-trim:hover{background:#ffffff24}.clip-trim-start{left:0}.clip-trim-end{right:0}.clip-remove{right:8px}.timeline-clip.is-selected .clip-remove{opacity:1}.timeline-clip .clip-name{padding-right:21px}.snap-guide{z-index:6;background:var(--accent);width:1px;box-shadow:0 0 7px var(--accent-glow);pointer-events:none;position:absolute;top:0;bottom:0}.timeline-playhead{z-index:6}.playhead-handle{background:var(--playhead);clip-path:polygon(0 0,100% 0,100% 56%,50% 100%,0 56%);pointer-events:auto;cursor:ew-resize;touch-action:none;appearance:none;border:0;border-radius:1px;width:12px;height:11px;padding:0;top:0;left:50%}.playhead-handle:focus-visible{outline-offset:2px;outline:2px solid #ffffffbf}body.is-timeline-dragging,body.is-timeline-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.monitor-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.monitor-meta{flex:1;justify-content:flex-end;min-width:0}.monitor-project{border:1px solid var(--border-soft);border-radius:var(--radius-xs);color:var(--accent);font-variant-numeric:tabular-nums;padding:1px 5px}.monitor-speed{color:var(--teal);font-weight:600}.preview-canvas.is-project{isolation:isolate;border-radius:var(--radius-xs);background:#000;border:1px solid #2b3039;flex:none;max-width:100%;max-height:100%;transition:width .16s,height .16s,transform .16s;display:block;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff06}.project-canvas-core{background:#000;position:absolute;inset:0;overflow:hidden}.preview-clip-layer{transform-origin:50%;will-change:transform, width, height;background:#000;position:absolute;overflow:hidden}.preview-media-composite{min-width:0;max-width:none;min-height:0;max-height:none;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;display:block;position:absolute}.preview-canvas.is-crop-editing{cursor:crosshair}.preview-canvas.is-crop-editing .preview-clip-layer{outline:1px solid #ffffff1f;overflow:hidden}.crop-overlay-frame{z-index:4;pointer-events:none;position:absolute}.crop-overlay{z-index:4;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;position:absolute;inset:0}.crop-box{cursor:move;border:1px solid #fffffff2;position:absolute;box-shadow:0 0 0 9999px #030406a8}.crop-grid{pointer-events:none;background-image:linear-gradient(90deg,#0000 32.9%,#ffffff59 33%,#0000 33.1% 65.9%,#ffffff59 66%,#0000 66.1%),linear-gradient(#0000 33.9%,#ffffff59 34%,#0000 34.1% 66.9%,#ffffff59 67%,#0000 67.1%);position:absolute;inset:0}.crop-handle{z-index:2;touch-action:none;background:#12151a;border:2px solid #fff;border-radius:2px;width:13px;height:13px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #000c}.crop-handle:hover{border-color:var(--accent);background:var(--accent)}.crop-handle-nw{cursor:nwse-resize;top:0;left:0}.crop-handle-n{cursor:ns-resize;top:0;left:50%}.crop-handle-ne{cursor:nesw-resize;top:0;left:100%}.crop-handle-e{cursor:ew-resize;top:50%;left:100%}.crop-handle-se{cursor:nwse-resize;top:100%;left:100%}.crop-handle-s{cursor:ns-resize;top:100%;left:50%}.crop-handle-sw{cursor:nesw-resize;top:100%;left:0}.crop-handle-w{cursor:ew-resize;top:50%;left:0}.crop-size-label{z-index:2;border:1px solid var(--border);border-radius:var(--radius-xs);color:#fff;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#050608e0;padding:3px 6px;font-size:8px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.crop-tool-hint{z-index:5;border:1px solid var(--accent-border);border-radius:var(--radius-xs);color:#dcd8ff;letter-spacing:.02em;pointer-events:none;background:#090a0edb;padding:3px 6px;font-size:8px;position:absolute;top:7px;left:7px}.clip-speed-badge{z-index:1;color:var(--teal);font-family:var(--font-mono);white-space:nowrap;background:#0506088c;border-radius:2px;margin-right:4px;padding:1px 4px;font-size:7px;font-weight:650;position:relative}.tool-button-row{flex-wrap:wrap;gap:5px;display:flex}.section-body .tool-button-row .ghost-btn{flex:calc(50% - 3px);width:auto;min-width:0;height:24px;padding:0 6px;font-size:8.5px}.ghost-btn.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:#d8d2ff}.alignment-group{flex-direction:column;gap:4px;display:flex}.alignment-label{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:650}.segmented{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-1);gap:2px;padding:2px;display:flex}.segmented-btn{height:21px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;border-radius:2px;flex:1;padding:0 4px;font-size:8.5px;font-weight:550}.segmented-btn:hover:not(:disabled){color:var(--text);background:#ffffff0d}.segmented-btn.is-active{background:var(--accent-soft);color:#dcd7ff;box-shadow:inset 0 0 0 1px var(--accent-border)}.segmented-btn:disabled{opacity:.4;cursor:not-allowed}.crop-summary{border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:var(--bg-1);color:var(--text-faint);font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;padding:5px 7px;font-size:7.5px;display:flex}.speed-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.speed-chip{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-1);height:23px;color:var(--text-muted);font-family:var(--font-mono);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);padding:0 3px;font-size:8px}.speed-chip:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-3);color:var(--text)}.speed-chip.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:#ddd8ff}.speed-chip:disabled{opacity:.4;cursor:not-allowed}.speed-custom-grid{align-items:end}.speed-duration{flex-direction:column;gap:2px;min-width:0;padding-bottom:4px;display:flex}.speed-duration span{color:var(--text-faint);font-size:8px}.speed-duration strong{color:var(--text);font-family:var(--font-mono);font-size:10px;font-weight:500}.reverse-row{border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:var(--bg-1);justify-content:space-between;align-items:center;gap:8px;padding:6px 7px;display:flex}.reverse-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.reverse-copy strong{color:var(--text-secondary);font-size:9px;font-weight:600}.reverse-copy span{color:var(--text-faint);font-size:7.5px}.section-body .reverse-row .ghost-btn{opacity:.4;flex-shrink:0;width:auto;height:23px;font-size:8px}.inspector-empty.is-compact{flex:none;padding:24px 14px}.inspector-empty.is-compact p{max-width:230px}.canvas-current{border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:linear-gradient(180deg, var(--bg-3), var(--bg-1));justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.canvas-current span:first-child{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.canvas-current span:last-child{border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;padding:1px 5px;font-size:7px}.clip-actions .clip-action-full{grid-column:1/-1}@media (width<=1280px){:root{--left-w:276px;--right-w:288px}.project-input{width:126px}.timeline-zoom{width:68px}}@media (width<=1120px){.mode-chip,.status-privacy{display:none}}@media (width<=1024px){.phase-chip,.project-label{display:none}.project-input{width:118px}.app-header{gap:8px;padding:0 9px}.header-divider{margin:0}}@media (width<=900px){.workspace-select{max-width:96px}.brand-name{font-size:11.5px}.preview-stage{padding:14px 16px}.volume-range,.status-selected{display:none}}@media (width<=760px){.brand-copy,.workspace-picker,.header-center .header-divider{display:none}.project-input{width:104px}.header-right .icon-btn,.header-right .header-divider,.timeline-clip-count,.sequence-chip{display:none}.preview-controls{gap:6px;padding:0 8px}.timecode{font-size:8.5px}.control-divider,.scale-picker{display:none}}@media (height<=700px){:root{--timeline-h:246px}.preview-empty-icon{width:40px;height:40px}.preview-empty-hint{display:none}}.timeline-track.is-graphic-track{min-height:var(--track-h);flex:0 0 var(--track-h)}.timeline-track.is-graphic-track .timeline-clip,.timeline-track.is-graphic-track .timeline-graphic{height:26px;top:50%;transform:translateY(-50%)}@media (width<=760px){.timeline-toolbar{gap:6px;padding-inline:8px}.timeline-toolbar-right{scrollbar-width:thin;min-width:0;max-width:calc(100% - 78px);overflow-x:auto}.timeline-toolbar-right>.timeline-control-group{gap:3px}.timeline-zoom{width:58px}.timeline-clip-count,.sequence-chip{display:none}}.timeline-graphic{height:26px;color:var(--text-primary);cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#8b7cff47,#5c4cc43d);border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:5px;padding:0 9px 0 7px;font-size:8px;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.graphic-subtitle{background:linear-gradient(#4ecdff42,#3486c438)}.timeline-graphic.is-selected{border-color:#ffffff6b;box-shadow:0 0 0 1px #8b7cff73,inset 0 1px #ffffff1a}.timeline-graphic.is-dragging{cursor:grabbing;opacity:.9}.graphic-icon{color:var(--text-secondary);align-items:center;display:flex}.graphic-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.graphic-duration{color:var(--text-faint);font-family:var(--font-mono);font-size:7.5px}.graphic-trim{cursor:ew-resize;background:0 0;border:0;width:6px;height:100%;position:absolute;top:0}.graphic-trim-start{left:0}.graphic-trim-end{right:0}.graphic-trim:after{content:"";background:#ffffff80;border-radius:2px;width:2px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graphic-remove{width:12px;height:12px;color:var(--text-secondary);opacity:0;cursor:pointer;background:#080a0eb3;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.timeline-graphic:hover .graphic-remove,.timeline-graphic.is-selected .graphic-remove{opacity:1}.timeline-transition-marker{color:#1a1305;cursor:pointer;z-index:6;background:linear-gradient(#ffd666e6,#e2a036e6);border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;width:18px;height:14px;margin-left:-9px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.preview-text-overlay{cursor:move;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:12;position:absolute}.preview-text-box{text-align:inherit;white-space:pre-wrap;display:inline-block}.preview-text-overlay.is-selected .preview-text-box{outline-offset:2px;outline:1px solid #8b7cffcc}.preview-text-handle{background:var(--accent);border-radius:2px;width:8px;height:8px;position:absolute;box-shadow:0 0 0 1px #00000080}.preview-text-handle-nw{top:-6px;left:-6px}.preview-text-handle-ne{top:-6px;right:-6px}.preview-text-handle-sw{bottom:-6px;left:-6px}.preview-text-handle-se{bottom:-6px;right:-6px}.preview-subtitle{color:inherit;cursor:pointer;pointer-events:auto;z-index:12;text-align:center;background:0 0;border:0;justify-content:center;padding:0;display:flex;position:absolute;transform:translate(-50%)}.preview-subtitle-box{white-space:pre-wrap;display:inline-block}.preview-subtitle.is-selected .preview-subtitle-box{outline-offset:2px;outline:1px solid #4ecdffcc}.preview-transition-layer{pointer-events:none}.preview-transition-black{pointer-events:none;z-index:4;background:#000;position:absolute;inset:0}.monitor-transition{border:1px solid var(--border-soft);border-radius:var(--radius-xs);color:#f5d16e;padding:1px 5px}.preview-canvas.is-overlay-only{background:radial-gradient(circle at 50% 40%,#8b7cff14,#0000 60%),#050608}.effects-panel,.text-panel,.transitions-panel{flex-direction:column;height:100%;min-height:0;display:flex}.effects-panel-header,.text-panel-header,.transitions-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.effects-panel-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);align-items:center;gap:7px;margin:8px 10px;padding:0 8px;display:flex}.effects-panel-search input{height:28px;color:var(--text-primary);background:0 0;border:0;flex:1;font-size:9px}.effects-categories{flex-wrap:wrap;gap:5px;padding:0 10px 8px;display:flex}.effects-category{border:1px solid var(--border);border-radius:var(--radius-sm);height:24px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;background:0 0;align-items:center;gap:5px;padding:0 8px;font-size:8px;display:flex}.effects-category.is-active{border-color:var(--accent);color:var(--accent)}.effects-panel-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:0 10px 12px;display:flex;overflow:auto}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.filter-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);text-align:left;flex-direction:column;gap:2px;padding:7px 8px;display:flex}.filter-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px #8b7cff59}.filter-card-preview{background:radial-gradient(circle at 30% 30%,#ffffff1f,#0000 60%),linear-gradient(135deg,#6f66ff,#2f2d55);border-radius:4px;width:100%;height:38px}.filter-card-title{text-transform:uppercase;letter-spacing:.08em;font-size:8.5px}.color-controls,.filter-controls,.blur-controls,.stylize-controls,.lighting-controls{flex-direction:column;gap:8px;display:flex}.effect-control{flex-direction:column;gap:3px;display:flex}.effect-control-head{justify-content:space-between;align-items:center;display:flex}.effect-number input{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-2);width:48px;color:var(--text-primary);text-align:right;font-size:8px}.effect-range{width:100%}.panel-subhead{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);justify-content:space-between;align-items:center;font-size:8px;display:flex}.text-panel-body,.transitions-panel-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px 12px;display:flex;overflow:auto}.text-list,.subtitle-list,.transition-candidate-list{flex-direction:column;gap:5px;display:flex}.text-list-item,.subtitle-list-item,.transition-candidate{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);text-align:left;align-items:center;gap:7px;width:100%;padding:6px 8px;display:flex}.text-list-item.is-selected,.subtitle-list-item.is-selected,.transition-candidate.is-selected{border-color:var(--accent)}.text-list-info,.subtitle-list-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.text-list-label,.subtitle-list-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-list-meta,.subtitle-list-meta{color:var(--text-faint);font-size:7.5px;font-family:var(--font-mono)}@media (height<=700px){.timeline-track{flex:28px;min-height:28px}.timeline-clip{height:22px;top:50%;transform:translateY(-50%)}.timeline-track.is-graphic-track{flex:28px;min-height:28px}.timeline-track.is-graphic-track .timeline-graphic{height:22px}}.clip-audio{background:linear-gradient(#4ecdff47,#3486c43d)}.clip-waveform{color:#ffffffb3;pointer-events:none;height:16px;position:absolute;bottom:3px;left:18px;right:18px}.clip-waveform-fallback{background:repeating-linear-gradient(90deg,#ffffff1f 0 2px,#0000 2px 4px)}.clip-waveform-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.2s infinite waveform-pulse;position:absolute;inset:0}@keyframes waveform-pulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}.audio-quick-panel{flex-direction:column;gap:10px;padding:12px;display:flex}.audio-quick-panel p{color:var(--text-secondary);font-size:9px;line-height:1.6}.audio-quick-panel-wrap .panel-head{justify-content:space-between;align-items:center;display:flex}.text-panel{background:var(--tp-bg-main,#0f1117);width:100%;min-width:0;height:100%;min-height:0;color:var(--tp-text-primary,#f3f4f6);flex-direction:column;flex:1;display:flex;overflow:hidden;container:textpanel/inline-size}.text-panel-head{border-bottom:1px solid var(--tp-border,#2b3040);background:linear-gradient(#131620 0%,#0f1117 100%);flex:0 0 40px;height:40px;padding:0 12px}.text-panel-head .panel-title{color:var(--tp-text-primary,#f3f4f6)}.text-panel-head .panel-title svg{color:var(--tp-accent-primary,#8b5cf6)}.text-panel-scope,.panel-scope{border:1px solid var(--tp-border,#2b3040);background:var(--tp-bg-card,#181b25);height:18px;color:var(--tp-text-secondary,#9ca3af);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;align-items:center;padding:0 6px;font-size:8.5px;font-weight:500;display:inline-flex}.text-panel-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2b3040 transparent;flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;padding:12px 11px 18px;display:flex;overflow:hidden auto}.text-panel-scroll::-webkit-scrollbar{width:6px}.text-panel-scroll::-webkit-scrollbar-track{background:0 0}.text-panel-scroll::-webkit-scrollbar-thumb{background:#2b3040;border-radius:999px}.text-panel-scroll::-webkit-scrollbar-thumb:hover{background:#3b4258}.text-panel-section{border-bottom:1px solid #2b3040a6;flex-direction:column;gap:10px;min-width:0;padding-bottom:14px;display:flex}.text-panel-section:last-child{border-bottom:0;padding-bottom:0}.text-section-head{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.text-section-heading{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.text-section-title{color:var(--tp-text-primary,#f3f4f6);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:650;line-height:1.3;display:inline-flex}.text-section-title svg{color:var(--tp-accent-primary,#8b5cf6);flex-shrink:0}.text-section-hint{color:var(--tp-text-secondary,#9ca3af);font-size:9px;line-height:1.35}.text-section-count{border:1px solid var(--tp-border,#2b3040);background:var(--tp-bg-card,#181b25);height:17px;color:var(--tp-text-secondary,#9ca3af);font-family:var(--font-mono);white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;padding:0 6px;font-size:8px;font-weight:500;display:inline-flex}.text-preset-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;width:100%;min-width:0;display:grid}@container textpanel (width>=340px){.text-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.text-preset-card{border:1px solid var(--tp-border,#2b3040);background:var(--tp-bg-card,#181b25);width:100%;min-width:0;min-height:108px;color:var(--tp-text-primary,#f3f4f6);text-align:left;box-sizing:border-box;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:stretch;padding:6px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.text-preset-card:hover:not(:disabled){background:var(--tp-bg-elevated,#202435);border-color:#8b5cf68c;transform:translateY(-1px);box-shadow:0 4px 12px #00000052}.text-preset-card:active:not(:disabled){transform:translateY(0)}.text-preset-card:focus-visible{outline:2px solid var(--tp-accent-primary,#8b5cf6);outline-offset:1px}.text-preset-card.is-selected{background:var(--tp-bg-elevated,#202435);border-color:var(--tp-accent-primary,#8b5cf6);box-shadow:0 0 0 1px #8b5cf673,0 6px 14px #6366f129}.text-preset-card:disabled{opacity:.45;cursor:not-allowed}.text-preset-preview{box-sizing:border-box;background:radial-gradient(circle at 50% 35%,#6366f124,#0000 75%),linear-gradient(#121520 0%,#0b0d13 100%);border:1px solid #ffffff0f;border-radius:5px;flex:0 0 58px;justify-content:center;align-items:center;width:100%;min-width:0;height:58px;padding:6px;display:flex;position:relative;overflow:hidden}.text-preset-card:hover:not(:disabled) .text-preset-preview{background:radial-gradient(circle at 50% 35%,#8b5cf638,#0000 75%),linear-gradient(#151927 0%,#0c0e16 100%);border-color:#8b5cf647}.text-preset-preview-canvas{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.text-preset-preview-lines{flex-direction:column;gap:1px;min-width:0;max-width:100%;display:flex;overflow:hidden}.text-preset-line{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.is-lines-basic-title{text-align:center;color:#fff;font-family:var(--font-ui);letter-spacing:-.01em;text-shadow:0 1px 4px #000000b3;align-items:center;font-size:10.5px;font-weight:600}.is-lines-main-heading{text-align:center;color:#fff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 6px #000c;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:10.5px;font-weight:800;line-height:1.1}.is-preview-subtitle .text-preset-preview-canvas{align-items:flex-end;padding-bottom:2px}.is-lines-subtitle{text-align:center;color:#f3f4f6;font-family:var(--font-ui);background:#050608c2;border:1px solid #ffffff14;border-radius:3px;align-items:center;padding:2px 5px;font-size:8px;font-weight:500;line-height:1.2}.is-preview-lower-third .text-preset-preview-canvas{justify-content:flex-start;align-items:flex-end;padding:0 2px 2px}.is-lines-lower-third{text-align:left;border-left:2px solid var(--tp-accent-primary,#8b5cf6);font-family:var(--font-ui);background:#080b10d6;border-radius:0 3px 3px 0;align-items:flex-start;padding:2px 5px 2px 6px}.is-lines-lower-third .line-1{color:#fff;font-size:8.5px;font-weight:700;line-height:1.15}.is-lines-lower-third .line-2{color:#a5b4fc;letter-spacing:.02em;font-size:7px;font-weight:500;line-height:1.15}.is-lines-bold-caption{text-align:center;color:#fff6dd;letter-spacing:.05em;text-transform:uppercase;background:#120d05db;border:1px solid #fff6dd29;border-radius:3px;align-items:center;padding:2px 5px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:9.5px;font-weight:900;line-height:1.1}.is-lines-minimal-title{text-align:center;color:#e5e7eb;font-family:var(--font-mono);letter-spacing:.1em;align-items:center;font-size:8px;font-weight:400}.is-lines-end-title{text-align:center;color:#fff;letter-spacing:.02em;background:#0506089e;border:1px solid #ffffff14;border-radius:4px;align-items:center;padding:3px 6px;font-family:Georgia,Times New Roman,serif;font-size:9px;font-weight:700;line-height:1.15}.text-preset-badge{width:16px;height:16px;color:var(--tp-text-secondary,#9ca3af);background:#0f1117d1;border:1px solid #ffffff24;border-radius:4px;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:inline-flex;position:absolute;top:4px;right:4px}.text-preset-card:hover:not(:disabled) .text-preset-badge{color:#fff;background:#8b5cf638;border-color:#8b5cf68c}.text-preset-badge.is-selected{border-color:var(--tp-accent-primary,#8b5cf6);background:var(--tp-accent-primary,#8b5cf6);color:#fff}.text-preset-copy{flex-direction:column;gap:1px;width:100%;min-width:0;padding:5px 2px 1px;display:flex}.text-preset-name{color:var(--tp-text-primary,#f3f4f6);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.text-preset-description{color:var(--tp-text-secondary,#9ca3af);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;line-height:1.25;display:block;overflow:hidden}.text-panel-btn{border:1px solid var(--tp-border,#2b3040);background:var(--tp-bg-card,#181b25);min-width:0;height:28px;color:var(--tp-text-primary,#f3f4f6);white-space:nowrap;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:550;line-height:1;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex}.text-panel-btn svg{color:var(--tp-text-secondary,#9ca3af);flex-shrink:0}.text-panel-btn:hover:not(:disabled){background:var(--tp-bg-elevated,#202435);color:#fff;border-color:#3e465e}.text-panel-btn:hover:not(:disabled) svg{color:#fff}.text-panel-btn:active:not(:disabled){transform:translateY(1px)}.text-panel-btn:focus-visible{outline:2px solid var(--tp-accent-primary,#8b5cf6);outline-offset:1px}.text-panel-btn.is-accent{background:linear-gradient(180deg, var(--tp-accent-primary,#8b5cf6) 0%, var(--tp-accent-secondary,#6366f1) 100%);color:#fff;border-color:#8b5cf680;font-weight:600;box-shadow:inset 0 1px #ffffff2e,0 2px 8px #6366f140}.text-panel-btn.is-accent svg{color:#fff}.text-panel-btn.is-accent:hover:not(:disabled){filter:brightness(1.07);border-color:#a78bfabf}.text-panel-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.text-panel-empty{border:1px dashed var(--tp-border,#2b3040);background:#181b25a6;border-radius:8px;padding:16px 12px}.text-panel-empty .empty-state-icon{width:32px;height:32px;color:var(--tp-accent-primary,#8b5cf6);background:#8b5cf61a;border-color:#8b5cf64d}.text-panel-empty h3{color:var(--tp-text-primary,#f3f4f6);font-size:10.5px}.text-panel-empty p{color:var(--tp-text-secondary,#9ca3af);font-size:9px}.text-overlay-list,.text-subtitle-list{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.text-overlay-item,.subtitle-row{border:1px solid var(--tp-border,#2b3040);background:var(--tp-bg-card,#181b25);box-sizing:border-box;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;padding:6px 7px;transition:background .14s,border-color .14s,box-shadow .14s;display:flex}.text-overlay-item:hover,.subtitle-row:hover{background:var(--tp-bg-elevated,#202435);border-color:#394056}.text-overlay-item.is-selected,.subtitle-row.is-selected{background:var(--tp-bg-elevated,#202435);border-color:var(--tp-accent-primary,#8b5cf6);box-shadow:0 0 0 1px #8b5cf659}.text-overlay-select,.subtitle-row-select{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex;overflow:hidden}.text-overlay-swatch{background:linear-gradient(145deg,#8b5cf629,#6366f114);border:1px solid #8b5cf64d;border-radius:6px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.text-overlay-copy,.subtitle-row-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.text-overlay-header-row,.subtitle-row-header{align-items:center;gap:5px;min-width:0;display:flex}.text-overlay-title,.subtitle-row-title{min-width:0;color:var(--tp-text-primary,#f3f4f6);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.text-overlay-visibility{color:var(--tp-text-secondary,#9ca3af);opacity:.75;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.text-overlay-visibility.is-hidden{color:var(--amber);opacity:1}.text-overlay-meta,.subtitle-row-meta{min-width:0;color:var(--tp-text-secondary,#9ca3af);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:5px;font-size:8px;line-height:1.25;display:flex}.text-overlay-preset-tag{color:#c7d2fe;font-family:var(--font-ui);white-space:nowrap;background:#6366f124;border-radius:3px;align-items:center;padding:1px 4px;font-size:7.5px;font-weight:600;display:inline-flex}.text-overlay-timing{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;min-width:0;display:inline-flex;overflow:hidden}.text-overlay-actions,.subtitle-row-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.text-overlay-actions .tooltip-wrap:after,.subtitle-row-actions .tooltip-wrap:after{left:auto;right:0;transform:translateY(2px)}.text-overlay-actions .tooltip-wrap:hover:after,.text-overlay-actions .tooltip-wrap:focus-within:after,.subtitle-row-actions .tooltip-wrap:hover:after,.subtitle-row-actions .tooltip-wrap:focus-within:after{transform:translate(0)}.icon-btn.is-danger-hover:hover:not(:disabled){background:var(--danger-soft);color:var(--danger);border-color:#ff72724d}.subtitle-toolbar{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.subtitle-toolbar .subtitle-add{width:100%}.subtitle-toolbar-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;min-width:0;display:grid}.subtitle-toolbar-row .text-panel-btn{width:100%;padding:0 6px}.subtitle-row-index{color:#a5b4fc;min-width:22px;height:22px;font-family:var(--font-mono);background:#6366f11f;border:1px solid #6366f152;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:8.5px;font-weight:600;display:inline-flex}.text-panel-note{border:1px solid var(--tp-border,#2b3040);color:var(--tp-text-secondary,#9ca3af);background:#181b2599;border-radius:6px;align-items:flex-start;gap:6px;padding:7px 8px;font-size:8.5px;line-height:1.45;display:flex}.text-panel-note svg{color:var(--tp-accent-secondary,#6366f1);flex-shrink:0;margin-top:1px}.text-panel-note.is-warning{color:#f6d296;background:#f0b45c14;border-color:#f0b45c59}.text-panel-note.is-warning svg{color:var(--amber)}.text-content-input{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-1);width:100%;min-height:58px;color:var(--text);resize:vertical;transition:border-color var(--transition-fast);outline:none;padding:6px 8px;font-size:10.5px;line-height:1.45}.text-content-input:focus{border-color:var(--accent-border)}.color-field .color-input-wrap{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-1);align-items:center;gap:6px;height:27px;padding:0 7px 0 4px;display:flex}.color-field input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:3px;width:18px;height:18px;padding:0}.color-field .color-input-wrap span{color:var(--text-secondary);font-family:var(--font-mono);font-size:8.5px}.text-toggle-row{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.text-toggle-row span{flex-direction:column;gap:1px;min-width:0;display:flex}.text-toggle-row strong{color:var(--text-secondary);font-size:9px;font-weight:600}.text-toggle-row small{color:var(--text-faint);font-size:7.5px}.text-inspector-summary,.selection-summary{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-3);align-items:center;gap:9px;padding:8px 9px;display:flex}.text-inspector-icon,.selection-summary-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.selection-summary-icon.is-amber{color:var(--amber);background:#f0b45c24}.selection-summary-icon.is-teal{background:var(--teal-soft);color:var(--teal)}.text-inspector-summary span:last-child,.selection-summary-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.text-inspector-summary strong,.selection-summary-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.text-inspector-summary small,.selection-summary-copy small{color:var(--text-muted);font-size:8px;line-height:1.35}.effects-scroll,.transitions-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto}.effects-toolbar{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:7px;padding:8px 10px;display:flex}.effect-category-scroll{flex-wrap:wrap;gap:4px;display:flex}.effect-category{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-1);height:22px;color:var(--text-muted);align-items:center;gap:4px;padding:0 7px;font-size:8px;font-weight:550;display:inline-flex}.effect-category.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.audio-panel{background:var(--as-bg-main,#0f1117);width:100%;min-width:0;height:100%;min-height:0;color:var(--as-text-primary,#f3f4f6);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.audio-panel-head{border-bottom:1px solid var(--as-border,#2b3040);background:linear-gradient(#131620 0%,#0f1117 100%);flex:0 0 40px;padding:0 10px 0 12px}.audio-panel-head .panel-title{color:var(--as-text-primary,#f3f4f6)}.audio-panel-head .panel-title svg{color:var(--as-accent,#8b5cf6)}.audio-panel-count{border:1px solid var(--as-border,#2b3040);background:var(--as-bg-card,#171a23);height:17px;color:var(--as-text-secondary,#9ca3af);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;align-items:center;padding:0 6px;font-size:8px;display:inline-flex}.audio-tabbar{border-bottom:1px solid var(--as-border-subtle,#232735);background:var(--as-bg-main,#0f1117);flex:none;gap:3px;padding:6px 8px;display:flex}.audio-tab{border-radius:var(--radius-sm);min-width:0;height:26px;color:var(--as-text-muted,#6b7280);letter-spacing:.01em;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:8px;font-weight:600;display:inline-flex}.audio-tab span{text-overflow:ellipsis;overflow:hidden}.audio-tab:hover:not(:disabled){background:var(--as-bg-hover,#1e2230);color:var(--as-text-secondary,#9ca3af)}.audio-tab.is-active{border-color:var(--as-accent-border,#8b5cf666);background:var(--as-accent-soft,#8b5cf61f);color:var(--as-text-primary,#f3f4f6)}.audio-tab.is-active svg{color:var(--as-accent,#8b5cf6)}.audio-track-strip{border-bottom:1px solid var(--as-border-subtle,#232735);background:var(--as-bg-card,#171a23);flex:none;align-items:center;gap:6px;min-height:32px;padding:5px 8px 5px 10px;display:flex}.audio-track-strip-label{color:var(--as-text-muted,#6b7280);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:8px;font-weight:600;display:inline-flex}.audio-track-chips{scrollbar-width:none;flex:auto;align-items:center;gap:3px;min-width:0;display:flex;overflow-x:auto}.audio-track-chips::-webkit-scrollbar{display:none}.audio-track-target-note{min-width:0;color:var(--as-text-muted,#6b7280);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:7.5px;line-height:1.3;overflow:hidden}@media (width<=1280px){.audio-track-target-note{max-width:74px}}.audio-track-none{color:var(--as-text-muted,#6b7280);font-size:8.5px}.audio-track-chip{border:1px solid var(--as-border,#2b3040);border-radius:var(--radius-xs);background:var(--as-bg-main,#0f1117);height:20px;color:var(--as-text-secondary,#9ca3af);font-family:var(--font-mono);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);flex-shrink:0;align-items:center;gap:2px;padding:0 6px;font-size:8px;font-weight:600;display:inline-flex}.audio-track-chip:hover:not(:disabled){border-color:var(--as-accent-border,#8b5cf666);color:var(--as-text-primary,#f3f4f6)}.audio-track-chip.is-active{border-color:var(--as-accent,#8b5cf6);background:var(--as-accent-soft,#8b5cf61f);color:#c4b5fd}.audio-track-chip.is-locked{opacity:.5}.audio-track-add{flex-shrink:0;width:20px;height:20px}.audio-panel-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2b3040 transparent;flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:10px 9px 18px;display:flex;overflow:hidden auto}.audio-panel-scroll::-webkit-scrollbar{width:6px}.audio-panel-scroll::-webkit-scrollbar-track{background:0 0}.audio-panel-scroll::-webkit-scrollbar-thumb{background:#2b3040;border-radius:999px}.audio-panel-scroll::-webkit-scrollbar-thumb:hover{background:#3a4052}.audio-section{border:1px solid var(--as-border-subtle,#232735);border-radius:var(--radius-md);background:var(--as-bg-card,#171a23);flex-direction:column;gap:8px;padding:9px;display:flex}.audio-section-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.audio-section-head>div{min-width:0}.audio-section-title{color:var(--as-text-primary,#f3f4f6);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;margin:0;font-size:9px;font-weight:650;display:flex}.audio-section-title svg{color:var(--as-accent,#8b5cf6)}.audio-section-hint{color:var(--as-text-muted,#6b7280);margin:3px 0 0;font-size:8.5px;line-height:1.5}.audio-section-badge{border:1px solid var(--as-border,#2b3040);background:var(--as-bg-elevated,#202435);height:17px;color:var(--as-text-secondary,#9ca3af);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:0 5px;font-size:7.5px;display:inline-flex}.audio-char-count{color:var(--as-text-muted,#6b7280);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0;font-size:8px}.audio-script-input{border:1px solid var(--as-border,#2b3040);border-radius:var(--radius-sm);background:var(--as-bg-main,#0f1117);width:100%;min-height:108px;color:var(--as-text-primary,#f3f4f6);font-family:var(--font-ui);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 9px;font-size:10.5px;line-height:1.55}.audio-script-input::placeholder{color:#525b69}.audio-script-input:focus{border-color:var(--as-accent,#8b5cf6);outline:none;box-shadow:0 0 0 2px #8b5cf626}.audio-script-input:disabled{opacity:.6}.audio-script-footer{flex-direction:column;gap:6px;display:flex}.audio-script-stats{color:var(--as-text-muted,#6b7280);font-size:8px;line-height:1.4}.audio-script-buttons{flex-wrap:wrap;gap:4px;display:flex}.audio-mini-btn{border:1px solid var(--as-border,#2b3040);border-radius:var(--radius-xs);background:var(--as-bg-elevated,#202435);height:22px;color:var(--as-text-secondary,#9ca3af);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);align-items:center;gap:4px;padding:0 7px;font-size:8px;font-weight:550;display:inline-flex}.audio-mini-btn:hover:not(:disabled){border-color:var(--as-accent-border,#8b5cf666);color:var(--as-text-primary,#f3f4f6)}.audio-mini-btn:disabled{opacity:.4;cursor:default}.audio-mini-btn.is-danger{color:#fca5a5}.audio-inline-error,.audio-inline-warning{border-radius:var(--radius-sm);align-items:flex-start;gap:5px;margin:0;padding:6px 7px;font-size:8.5px;line-height:1.5;display:flex}.audio-inline-error{color:#ffb4b4;background:#ff727214;border:1px solid #ff727247}.audio-inline-warning{color:#f3c98b;background:#f0b45c12;border:1px solid #f0b45c42}.audio-inline-error svg,.audio-inline-warning svg{flex-shrink:0;margin-top:1px}.audio-voice-group{flex-direction:column;gap:5px;display:flex}.audio-voice-group-label{color:var(--as-text-muted,#6b7280);letter-spacing:.08em;text-transform:uppercase;font-size:7.5px;font-weight:650}.audio-voice-card{border:1px solid var(--as-border-subtle,#232735);border-radius:var(--radius-sm);background:var(--as-bg-main,#0f1117);transition:border-color var(--transition-fast), background var(--transition-fast);align-items:stretch;gap:4px;padding:4px;display:flex}.audio-voice-card:hover{border-color:var(--as-border,#2b3040)}.audio-voice-card.is-selected{border-color:var(--as-accent-border,#8b5cf666);background:linear-gradient(#8b5cf617,#8b5cf608)}.audio-voice-select{border-radius:var(--radius-xs);min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:7px;padding:4px 5px;display:flex}.audio-voice-select:disabled{opacity:.55;cursor:default}.audio-voice-avatar{border:1px solid var(--as-border,#2b3040);background:var(--as-bg-elevated,#202435);width:26px;height:26px;color:var(--as-text-muted,#6b7280);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.audio-voice-card.is-selected .audio-voice-avatar{border-color:var(--as-accent-border,#8b5cf666);background:var(--as-accent-soft,#8b5cf61f);color:#c4b5fd}.audio-voice-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.audio-voice-name-row{align-items:center;gap:5px;min-width:0;display:flex}.audio-voice-name{color:var(--as-text-primary,#f3f4f6);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:600;overflow:hidden}.audio-voice-check{background:var(--as-accent,#8b5cf6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;display:inline-flex}.audio-voice-meta{color:var(--as-text-secondary,#9ca3af);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.audio-voice-detail{color:var(--as-text-muted,#6b7280);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.audio-voice-preview{border:1px solid var(--as-border,#2b3040);border-radius:var(--radius-xs);background:var(--as-bg-elevated,#202435);height:22px;color:var(--as-text-secondary,#9ca3af);transition:border-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:3px;padding:0 6px;font-size:7.5px;font-weight:600;display:inline-flex}.audio-voice-preview:hover:not(:disabled){border-color:var(--as-accent-border,#8b5cf666);color:var(--as-text-primary,#f3f4f6)}.audio-voice-preview.is-playing{border-color:var(--as-accent,#8b5cf6);background:var(--as-accent-soft,#8b5cf61f);color:#c4b5fd}.audio-voice-preview:disabled{opacity:.45;cursor:default}.audio-control-row{border:1px solid var(--as-border-subtle,#232735);border-radius:var(--radius-sm);background:var(--as-bg-main,#0f1117);flex-direction:column;gap:4px;padding:6px 7px;display:flex}.audio-control-row.is-disabled{opacity:.55}.audio-control-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.audio-control-head label{color:var(--as-text-secondary,#9ca3af);font-size:8.5px;font-weight:550}.audio-control-head span{color:var(--as-text-primary,#f3f4f6);font-family:var(--font-mono);font-size:8px}.audio-control-row input[type=range]{width:100%;height:14px;accent-color:var(--as-accent,#8b5cf6);cursor:pointer;margin:0}.audio-control-row input[type=range]:disabled{cursor:default}.audio-control-note{color:var(--as-text-muted,#6b7280);margin:1px 0 0;font-size:7.5px;line-height:1.45}.audio-generate-btn{border:1px solid var(--as-accent-border,#8b5cf666);border-radius:var(--radius-sm);color:#fff;letter-spacing:.01em;width:100%;height:30px;transition:filter var(--transition-fast), transform var(--transition-fast);background:linear-gradient(#8b5cf6,#7c3aed);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:650;display:inline-flex;box-shadow:0 3px 10px #7c3aed40}.audio-generate-btn:hover:not(:disabled){filter:brightness(1.08)}.audio-generate-btn:active:not(:disabled){transform:translateY(1px)}.audio-generate-btn:disabled{opacity:.55;cursor:default}.audio-generate-progress{border:1px solid var(--as-accent-border,#8b5cf666);border-radius:var(--radius-sm);background:var(--as-accent-soft,#8b5cf61f);flex-direction:column;gap:6px;padding:8px;display:flex}.audio-generate-progress-head{color:var(--as-text-primary,#f3f4f6);justify-content:space-between;align-items:center;gap:8px;font-size:8.5px;display:flex}.audio-generate-progress-head span{align-items:center;gap:5px;min-width:0;display:inline-flex}.audio-generate-progress-head strong{font-family:var(--font-mono);flex-shrink:0;font-size:8px;font-weight:600}.audio-progress-track{background:#ffffff17;border-radius:999px;height:4px;overflow:hidden}.audio-progress-track span{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .18s;display:block}.audio-generate-progress p{color:var(--as-text-secondary,#9ca3af);margin:0;font-size:7.5px;line-height:1.45}.audio-generate-progress .audio-mini-btn{align-self:flex-start}.audio-panel-note,.audio-result-note{color:var(--as-text-muted,#6b7280);align-items:flex-start;gap:5px;margin:0;font-size:7.5px;line-height:1.45;display:flex}.audio-panel-note svg,.audio-result-note svg{color:var(--as-success,#22c55e);flex-shrink:0;margin-top:1px}.audio-advanced-details>summary{min-height:20px;color:var(--as-text-primary,#f3f4f6);cursor:pointer;align-items:center;gap:6px;font-size:8.5px;font-weight:650;list-style:none;display:flex}.audio-advanced-details>summary::-webkit-details-marker{display:none}.audio-advanced-details>summary svg{color:var(--as-accent,#8b5cf6)}.audio-advanced-summary-meta{color:var(--as-text-muted,#6b7280);font-family:var(--font-mono);margin-left:auto;font-size:7px;font-weight:500}.audio-advanced-content{flex-direction:column;gap:7px;padding-top:8px;display:flex}.audio-select-row{color:var(--as-text-secondary,#9ca3af);grid-template-columns:minmax(80px,.8fr) minmax(110px,1fr);align-items:center;gap:8px;font-size:8px;display:grid}.audio-select-row select,.audio-pronunciation-form input{border:1px solid var(--as-border,#2b3040);border-radius:var(--radius-xs);background:var(--as-bg-main,#0f1117);min-width:0;height:24px;color:var(--as-text-primary,#f3f4f6);outline:none;padding:0 6px;font-size:8px}.audio-select-row select:focus,.audio-pronunciation-form input:focus{border-color:var(--as-accent,#8b5cf6)}.audio-checkbox-row{color:var(--as-text-secondary,#9ca3af);align-items:flex-start;gap:6px;font-size:7.5px;line-height:1.4;display:flex}.audio-checkbox-row input{accent-color:var(--as-accent,#8b5cf6);flex:none;margin:0}.audio-pronunciation-preview,.audio-pronunciation-editor{border:1px solid var(--as-border-subtle,#232735);border-radius:var(--radius-sm);background:var(--as-bg-main,#0f1117);flex-direction:column;gap:5px;padding:7px;display:flex}.audio-pronunciation-preview>span{color:var(--as-text-muted,#6b7280);text-transform:uppercase;font-size:7px;font-weight:650}.audio-pronunciation-preview p{max-height:90px;color:var(--as-text-primary,#f3f4f6);overflow-wrap:anywhere;margin:0;font-size:9px;line-height:1.5;overflow:auto}.audio-pronunciation-preview small,.audio-pronunciation-editor small{color:var(--as-text-muted,#6b7280);font-size:7px;line-height:1.45}.audio-pronunciation-form{grid-template-columns:1fr 1fr auto;align-items:center;gap:4px;display:grid}.audio-pronunciation-form .audio-mini-btn,.audio-pronunciation-list .audio-mini-btn{height:22px}.audio-pronunciation-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.audio-pronunciation-list li{color:var(--as-text-secondary,#9ca3af);align-items:center;gap:5px;font-size:7.5px;display:flex}.audio-pronunciation-list li span:nth-child(3){color:var(--as-text-primary,#f3f4f6);flex:1}.audio-model-management{color:var(--as-text-muted,#6b7280);justify-content:space-between;align-items:center;gap:6px;font-size:7px;display:flex}.audio-model-management .audio-mini-btn{flex-shrink:0}.audio-settings-preview{justify-content:center;min-height:24px}.audio-progress-track.is-indeterminate span{width:35%;animation:1.3s ease-in-out infinite audio-progress-indeterminate}@keyframes audio-progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(320%)}}.audio-result-card{border:1px solid var(--as-accent-border,#8b5cf666);border-radius:var(--radius-md);background:linear-gradient(180deg, #8b5cf614, transparent 60%), var(--as-bg-card,#171a23);flex-direction:column;gap:7px;padding:9px;display:flex}.audio-result-head{align-items:center;gap:7px;display:flex}.audio-result-icon{border:1px solid var(--as-accent-border,#8b5cf666);border-radius:var(--radius-sm);background:var(--as-accent-soft,#8b5cf61f);color:#c4b5fd;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.audio-result-title-wrap{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.audio-result-kicker{color:var(--as-text-muted,#6b7280);letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:650}.audio-result-title{color:var(--as-text-primary,#f3f4f6);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.audio-result-duration{border:1px solid var(--as-border,#2b3040);border-radius:var(--radius-xs);background:var(--as-bg-main,#0f1117);color:var(--as-text-secondary,#9ca3af);font-family:var(--font-mono);flex-shrink:0;padding:2px 5px;font-size:8px}.audio-result-meta{color:var(--as-text-muted,#6b7280);flex-wrap:wrap;gap:3px 6px;font-size:7.5px;display:flex}.audio-result-meta span{align-items:center;gap:4px;display:inline-flex}.audio-result-meta span+span:before{content:"·";color:#3f4656}.audio-result-waveform-wrap{border:1px solid var(--as-border-subtle,#232735);border-radius:var(--radius-sm);background:var(--as-bg-main,#0f1117);cursor:pointer;width:100%;padding:6px 7px;display:block;position:relative}.audio-result-waveform-wrap:hover{border-color:var(--as-accent-border,#8b5cf666)}.audio-result-play{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1117d1;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-result-time-row{color:var(--as-text-muted,#6b7280);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:6px;font-size:7.5px;display:flex}.audio-result-seek{border:1px solid var(--as-border,#2b3040);height:18px;color:var(--as-text-secondary,#9ca3af);background:0 0;border-radius:999px;padding:0 6px;font-size:7.5px}.audio-result-seek:hover{border-color:var(--as-accent-border,#8b5cf666);color:var(--as-text-primary,#f3f4f6)}.audio-result-script{color:var(--as-text-secondary,#9ca3af);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:8px;font-style:italic;line-height:1.45;display:-webkit-box;overflow:hidden}.audio-result-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.audio-result-btn{border:1px solid var(--as-border,#2b3040);border-radius:var(--radius-xs);background:var(--as-bg-elevated,#202435);height:25px;color:var(--as-text-secondary,#9ca3af);white-space:nowrap;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:8px;font-weight:550;display:inline-flex}.audio-result-btn:hover:not(:disabled){border-color:var(--as-accent-border,#8b5cf666);color:var(--as-text-primary,#f3f4f6)}.audio-result-btn.is-primary{border-color:var(--as-accent-border,#8b5cf666);background:var(--as-accent-soft,#8b5cf61f);color:#c4b5fd}.audio-result-btn.is-danger{color:#fca5a5}.audio-result-btn:disabled{opacity:.45;cursor:default}.audio-import-zone{border:1px dashed var(--as-border,#2b3040);border-radius:var(--radius-md);background:var(--as-bg-main,#0f1117);text-align:center;transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;align-items:center;gap:5px;padding:16px 10px 13px;display:flex}.audio-import-zone:hover{border-color:var(--as-accent-border,#8b5cf666);background:#8b5cf60a}.audio-import-icon{border:1px solid var(--as-border,#2b3040);background:var(--as-bg-elevated,#202435);width:34px;height:34px;color:var(--as-accent,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.audio-import-zone h3{color:var(--as-text-primary,#f3f4f6);margin:1px 0 0;font-size:9.5px;font-weight:600}.audio-import-zone p{max-width:210px;color:var(--as-text-muted,#6b7280);margin:0;font-size:8px;line-height:1.5}.audio-import-zone .audio-generate-btn{width:auto;min-width:138px;height:26px;margin-top:4px;font-size:8.5px}.audio-importing{color:var(--as-text-secondary,#9ca3af);align-items:center;gap:5px;margin:0;font-size:8px;display:flex}.audio-library-toolbar{gap:5px;display:flex}.audio-library-toolbar .search-field{flex:auto;min-width:0}.audio-library-toolbar .search-field input{border-color:var(--as-border,#2b3040);background:var(--as-bg-main,#0f1117);height:25px;font-size:9px}.audio-library-toolbar .search-field input:focus{border-color:var(--as-accent,#8b5cf6);background:var(--as-bg-main,#0f1117)}.audio-filter-row{gap:3px;display:flex}.audio-filter-chip{border:1px solid var(--as-border,#2b3040);height:20px;color:var(--as-text-muted,#6b7280);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:999px;padding:0 7px;font-size:7.5px;font-weight:550}.audio-filter-chip:hover{color:var(--as-text-secondary,#9ca3af)}.audio-filter-chip.is-active{border-color:var(--as-accent-border,#8b5cf666);background:var(--as-accent-soft,#8b5cf61f);color:#c4b5fd}.audio-asset-list{flex-direction:column;gap:4px;display:flex}.audio-asset-row{border:1px solid var(--as-border-subtle,#232735);border-radius:var(--radius-sm);background:var(--as-bg-main,#0f1117);min-width:0;transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:6px;padding:5px 6px;display:flex}.audio-asset-row:hover{border-color:var(--as-border,#2b3040);background:#12151d}.audio-asset-row.is-playing{border-color:var(--as-accent-border,#8b5cf666);background:#8b5cf60f}.audio-asset-icon{border:1px solid var(--as-border-subtle,#232735);border-radius:var(--radius-xs);background:var(--as-bg-elevated,#202435);width:24px;height:24px;color:var(--as-text-muted,#6b7280);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.audio-asset-row.is-playing .audio-asset-icon{border-color:var(--as-accent-border,#8b5cf666);color:#c4b5fd}.audio-asset-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.audio-asset-name-row{align-items:center;gap:4px;min-width:0;display:flex}.audio-asset-name{min-width:0;color:var(--as-text-primary,#f3f4f6);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:8.5px;font-weight:550;overflow:hidden}.audio-source-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;height:14px;padding:0 4px;font-size:6.5px;font-weight:600;display:inline-flex}.audio-source-badge.is-generated{background:var(--as-accent-soft,#8b5cf61f);color:#c4b5fd}.audio-source-badge.is-imported{color:#7fe6d3;background:#3ddbc01a}.audio-asset-meta{color:var(--as-text-muted,#6b7280);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:7px;display:flex}.audio-asset-meta>span{align-items:center;gap:2px;display:inline-flex}.audio-asset-format{color:var(--as-text-secondary,#9ca3af);font-weight:600}.audio-usage{color:#c4b5fd}.audio-asset-actions{flex-shrink:0;align-items:center;gap:1px;display:flex}.audio-asset-actions .icon-btn{border-radius:var(--radius-xs);width:21px;height:21px}.audio-empty-state{padding:18px 10px}.audio-empty-state .empty-state-icon{width:34px;height:34px}.audio-empty-state h3{font-size:9px}.audio-empty-state p{font-size:8px;line-height:1.5}.audio-waveform{border-radius:var(--radius-xs);outline:none;align-items:center;width:100%;height:34px;display:flex;position:relative;overflow:hidden}.audio-waveform.is-interactive{cursor:pointer}.audio-waveform.is-interactive:focus-visible{box-shadow:0 0 0 2px var(--as-accent-border,#8b5cf666)}.audio-waveform-bars{align-items:center;gap:1px;width:100%;height:100%;display:flex}.audio-waveform-bar{opacity:.7;background:linear-gradient(#a78bfa,#6366f1);border-radius:1px;flex:1;min-width:1px;max-width:3px}.audio-waveform-progress{z-index:1;pointer-events:none;background:#8b5cf629;border-right:1px solid #c4b5fdbf;position:absolute;inset:0 auto 0 0}.audio-waveform-empty{border:1px dashed var(--as-border,#2b3040);border-radius:var(--radius-xs);width:100%;height:100%;color:var(--as-text-muted,#6b7280);justify-content:center;align-items:center;gap:5px;font-size:7.5px;display:flex}.audio-drop-overlay{border-color:var(--as-accent,#8b5cf6);color:#c4b5fd;background:#0f1117e6;font-size:10px;inset:4px}.audio-spin{animation:.9s linear infinite audio-spin}@keyframes audio-spin{to{transform:rotate(360deg)}}.audio-prop-actions{gap:5px;margin-bottom:7px;display:flex}.audio-mute-btn{align-items:center;gap:5px;height:25px;padding:0 8px;font-size:9px;display:inline-flex}.audio-mute-btn.is-active{color:#ffb4b4;background:#ff72721a;border-color:#ff727259}.audio-prop-row{flex-direction:column;gap:3px;margin-bottom:7px;display:flex}.audio-prop-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.audio-prop-head label{color:var(--text-secondary);font-size:9px;font-weight:500}.audio-prop-value{color:var(--text);font-family:var(--font-mono);font-size:8.5px}.audio-prop-row input[type=range]{width:100%;height:14px;accent-color:var(--as-accent,#8b5cf6);cursor:pointer;margin:0}.audio-prop-row input[type=range]:disabled{cursor:default;opacity:.4}.audio-fade-grid{margin-top:2px}@media (width<=1180px){.audio-tab span{display:none}.audio-tab{height:24px}}.transitions-scroll{flex-direction:column;flex:1;gap:9px;min-width:0;min-height:0;padding:10px;display:flex;overflow:auto}.transition-section-heading{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:8px;min-height:31px;padding:2px 1px 6px;display:flex}.transition-section-heading>div{flex-direction:column;gap:3px;min-width:0;display:flex}.transition-section-heading strong{color:var(--text);font-size:10px;font-weight:650}.transition-section-heading small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.transition-onboarding{border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(ellipse at 10% 0%, #8b7cff1a, transparent 58%), var(--bg-1);flex-direction:column;align-items:flex-start;gap:11px;padding:13px;display:flex}.transition-diagram{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-0);width:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:6px;padding:12px 4px;display:flex}.transition-diagram>span{border:1px solid var(--border);border-radius:var(--radius-xs);min-height:32px;color:var(--text-secondary);white-space:nowrap;background:linear-gradient(135deg,#34344e,#202431);place-items:center;padding:0 7px;font-size:8px;font-weight:600;display:grid}.transition-diagram>.transition-diagram-cut{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.transition-diagram>svg{color:var(--accent);flex:none}.transition-onboarding h2{color:var(--text);letter-spacing:-.02em;margin:0;font-size:14px;font-weight:650}.transition-onboarding>p{color:var(--text-secondary);margin:-5px 0 0;font-size:10px;line-height:1.5}.transition-onboarding ol{width:100%;color:var(--text-secondary);gap:9px;margin:0;padding:0;font-size:9px;line-height:1.4;list-style:none;display:grid}.transition-onboarding li{align-items:flex-start;gap:8px;display:flex}.transition-onboarding li>span{border:1px solid var(--border);width:20px;height:20px;color:var(--accent);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:8px;display:grid}.transition-onboarding>.transition-next-step{border-left:2px solid var(--accent);border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--accent-soft);width:100%;color:var(--text-secondary);margin:0;padding:8px;font-size:9px}.transition-primary-action,.transition-secondary-action{border-radius:var(--radius-sm);width:100%;min-height:36px;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:650;display:inline-flex}.transition-primary-action{border:1px solid var(--accent);background:var(--accent);color:#fff}.transition-primary-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.transition-secondary-action{border:1px solid var(--border);background:var(--bg-2);min-height:30px;color:var(--text-secondary)}.transition-secondary-action:hover{border-color:var(--accent-border);color:var(--text)}.transition-candidate-list,.saved-transition-list{flex-direction:column;gap:6px;display:flex}.transition-candidate{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);min-width:0;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:7px;padding:8px;display:flex}.transition-candidate.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px #8b7cff1f}.transition-candidate.has-transition:not(.is-active){border-color:var(--accent-border)}.transition-candidate-select{width:100%;min-width:0;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.transition-candidate-thumbs{color:var(--accent);flex:none;align-items:center;gap:3px;display:flex}.transition-candidate-thumbs>span{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-2);width:34px;height:30px;color:var(--text-muted);place-items:center;display:grid;overflow:hidden}.transition-candidate-thumbs img{object-fit:cover;width:100%;height:100%}.transition-candidate-copy{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.transition-candidate-copy strong,.saved-transition-select strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;overflow:hidden}.transition-candidate-copy small,.saved-transition-select small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.35;overflow:hidden}.transition-candidate-check{color:var(--accent);flex:none}.transition-boundary-action{border:1px solid var(--accent-border);border-radius:var(--radius-xs);background:var(--bg-2);min-height:27px;color:var(--accent);align-self:flex-end;padding:0 9px;font-size:8.5px;font-weight:650}.transition-boundary-action:hover{background:var(--accent-soft)}.transition-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);min-height:32px;color:var(--text-muted);align-items:center;gap:7px;padding:0 8px;display:flex}.transition-search:focus-within{border-color:var(--accent)}.transition-search input{width:100%;min-width:0;height:30px;color:var(--text);background:0 0;border:0;outline:0;font-size:9px}.transition-search input::placeholder{color:var(--text-muted)}.transition-category-scroll{scrollbar-width:thin;gap:4px;padding:1px 0 3px;display:flex;overflow-x:auto}.transition-category{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-1);min-height:26px;color:var(--text-muted);flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:8px;font-weight:600;display:inline-flex}button.transition-category:hover{border-color:var(--accent-border);color:var(--text)}.transition-category.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.transition-category.is-unavailable{opacity:.55;cursor:help}.transition-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.transition-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);min-width:0;transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;gap:6px;padding:7px;display:flex}.transition-card.is-active{border-color:var(--accent);background:var(--accent-soft)}.transition-preview{border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:#10131b;height:45px;display:block;position:relative;overflow:hidden}.transition-preview-a,.transition-preview-b{background:radial-gradient(circle at 30% 35%,#ffe1afd9,#0000 22%),linear-gradient(145deg,#aa735f,#4b536e 54%,#242b3b);position:absolute;inset:0}.transition-preview-b{background:radial-gradient(circle at 70% 65%,#a4c4ffd9,#0000 22%),linear-gradient(145deg,#355e6e,#506486 55%,#272941)}.transition-preview-crossfade .transition-preview-b,.transition-preview-dissolve .transition-preview-b{opacity:.5}.transition-preview-fade-to-black .transition-preview-b,.transition-preview-fade-from-black .transition-preview-b{opacity:0}.transition-preview-fade-to-black:after,.transition-preview-fade-from-black:after{content:"";background:#000;position:absolute;inset:0}.transition-preview-fade-to-black:after{opacity:.62}.transition-preview-fade-from-black:after{opacity:.38}.transition-card-copy{flex-direction:column;gap:3px;min-height:32px;display:flex}.transition-card-copy strong{color:var(--text);font-size:9px;font-weight:650}.transition-card-copy small{color:var(--text-muted);font-size:8px;line-height:1.35}.transition-apply-btn,.transition-preview-btn{border:1px solid var(--accent-border);border-radius:var(--radius-xs);background:var(--accent-soft);min-height:27px;color:var(--accent);justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:8px;font-weight:650;display:inline-flex}.transition-apply-btn.is-applied{border-color:var(--border);background:var(--bg-2);color:var(--text-secondary)}.transition-apply-btn:disabled,.transition-preview-btn:disabled{cursor:not-allowed;opacity:.45}.transition-preview-btn{border-color:var(--border);background:var(--bg-2);color:var(--text-secondary)}.transition-duration-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);flex-direction:column;gap:5px;padding:9px;display:flex}.transition-actions{flex-wrap:wrap;gap:6px;display:flex}.applied-transition-section{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);flex-direction:column;gap:7px;padding:9px;display:flex}.saved-transition{border-radius:var(--radius-xs);border:1px solid #0000;align-items:center;gap:6px;min-width:0;padding:5px;display:flex}.saved-transition.is-selected{border-color:var(--accent-border);background:var(--accent-soft)}.saved-transition-select{text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:7px;min-width:0;padding:0;display:flex}.saved-transition-select>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.saved-transition-icon{border:1px solid var(--accent-border);border-radius:var(--radius-xs);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);flex:none;place-items:center;display:grid}.applied-transition-empty{color:var(--text-muted);margin:0;font-size:8.5px;line-height:1.5}.media-timeline-guidance{border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-secondary);align-items:center;gap:7px;padding:8px;font-size:9px;line-height:1.4;display:flex}.media-timeline-guidance>svg{color:var(--accent);flex:none}.media-timeline-guidance>span{flex:auto}.media-timeline-guidance strong{color:var(--text)}.media-timeline-guidance button{border-radius:var(--radius-xs);width:25px;height:25px;color:var(--text-muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.media-timeline-guidance button:hover{background:var(--bg-2);color:var(--text)}.media-card.is-guided-timeline-add .media-card-actions{border-radius:var(--radius-xs);outline:1px solid var(--accent);outline-offset:2px;background:var(--accent-soft)}.timeline-transition-marker{color:#fff;background:linear-gradient(#a78bfa,#7c3aed);border-color:#c4b5fd99}.timeline-transition-marker.is-selected{box-shadow:0 0 0 2px #a78bfa59}.transitions-panel button:focus-visible,.transitions-panel input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=760px){.transition-preset-grid{grid-template-columns:minmax(0,1fr)}.transition-diagram{gap:3px}.transition-diagram>span{padding:0 5px;font-size:7px}}.effects-panel .effect-category-scroll{scrollbar-width:thin;flex-wrap:nowrap;padding:1px 0 3px;overflow-x:auto}.effects-panel .effect-category{min-height:28px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);flex:none;padding:0 9px;font-size:9px}.effects-panel .effect-category:hover{border-color:var(--accent-border);color:var(--text)}.effect-section-heading{border-bottom:1px solid var(--border-soft);min-height:28px;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:2px 1px;font-size:10px;font-weight:650;display:flex}.effect-section-heading>span{min-width:0;color:var(--text);align-items:center;gap:6px;display:inline-flex}.effect-stack{flex-direction:column;gap:9px;min-width:0;display:flex}.effect-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);width:100%;min-height:58px;color:var(--text);text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:9px;padding:8px;display:flex}.effect-card:hover:not(:disabled){border-color:var(--accent-border);background:var(--bg-2);transform:translateY(-1px)}.effect-card.is-active{border-color:var(--accent-border);background:var(--accent-soft)}.effect-card:disabled{cursor:not-allowed;opacity:.48}.effect-card-icon{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);width:32px;height:32px;color:var(--accent);flex:none;place-items:center;display:grid}.effect-card.is-active .effect-card-icon{border-color:var(--accent-border);background:var(--accent-soft)}.effect-card-copy{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.effect-card-copy strong{color:var(--text);font-size:10px;font-weight:650}.effect-card-copy small{color:var(--text-muted);font-size:8.5px;line-height:1.4}.effect-card.is-static{cursor:default}.effect-toggle{color:var(--text-muted);flex:none;font-size:8px;font-weight:650}.effect-toggle.is-on{color:var(--accent)}.effect-note{color:var(--text-muted);margin:0;font-size:8.5px;line-height:1.5}.effect-note code{color:var(--text-secondary);font-family:var(--font-mono);font-size:.95em}.effect-results{flex-direction:column;gap:7px;display:flex}.effect-section-label{color:var(--text-muted);font-size:9px}.effect-search-result{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);width:100%;min-height:50px;color:var(--text);text-align:left;align-items:center;gap:8px;padding:7px;display:flex}.effect-search-result:hover{border-color:var(--accent-border);background:var(--bg-2)}.effect-result-thumb{border-radius:var(--radius-xs);color:#fff;background:linear-gradient(135deg,#c7856a,#3f4c76 52%,#171a28);flex:none;place-items:center;width:34px;height:34px;display:grid}.effect-result-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.effect-result-copy>span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.effect-result-copy small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.filter-thumb{border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:linear-gradient(145deg,#8b5cf6,#26324c 60%,#191923);width:100%;height:50px;display:block;position:relative;overflow:hidden}.filter-thumb-scene{background:linear-gradient(160deg,#d8986b 0%,#705778 50%,#303952 51%,#1c2736);position:absolute;inset:0;overflow:hidden}.filter-thumb-sun{background:#ffe2aa;border-radius:50%;width:19px;height:19px;position:absolute;top:18%;left:22%;box-shadow:0 0 14px #ffdeaa9e}.filter-thumb-hill{background:#42505b;border-radius:50% 50% 0 0;height:76%;position:absolute;bottom:-30%;left:-12%;right:-15%}.filter-thumb-hill-b{background:#28313e;height:85%;bottom:-45%;left:23%;right:-26%}.filter-thumb-vignette{background:radial-gradient(#0000 35%,#0000005c);position:absolute;inset:0}.filter-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.filter-active-dot{background:var(--accent);color:#fff;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:4px;right:4px}.effect-reset-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-top:3px;display:flex}.effect-activity{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.effects-panel button:focus-visible,.effects-panel input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.effects-onboarding{border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(ellipse at 10% 0%, #8b7cff1a, transparent 58%), var(--bg-1);flex-direction:column;align-items:flex-start;gap:12px;margin:8px 0;padding:18px 15px;display:flex}.effects-onboarding-icon,.effect-library-icon,.applied-effect-icon{border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);flex:none;place-items:center;display:grid}.effects-onboarding-icon{width:38px;height:38px}.effects-onboarding h2{color:var(--text);letter-spacing:-.02em;margin:0;font-size:15px;font-weight:650}.effects-onboarding>p{color:var(--text-secondary);margin:-5px 0 0;font-size:11px;line-height:1.55}.effects-onboarding-steps{width:100%;color:var(--text-secondary);gap:9px;margin:2px 0;padding:0;font-size:10px;list-style:none;display:grid}.effects-onboarding-steps li{align-items:center;gap:9px;display:flex}.effects-onboarding-steps li span{border:1px solid var(--border);width:21px;height:21px;color:var(--accent);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:9px;display:grid}.effects-select-clip-btn{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:#fff;width:100%;min-height:38px;transition:transform var(--transition-fast), filter var(--transition-fast);justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.effects-select-clip-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.effects-guidance-note{width:100%;color:var(--text-muted)!important;margin:0!important;font-size:9px!important}.effects-quick-guide,.applied-effects-section{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1)}.effects-quick-guide{border-color:var(--accent-border);background:var(--accent-soft);justify-content:space-between;align-items:flex-start;gap:8px;padding:9px 10px;display:flex}.effects-quick-guide strong,.applied-effects-heading strong{color:var(--text);font-size:10px;font-weight:650}.effects-quick-guide p{color:var(--text-secondary);margin:3px 0 0;font-size:9px;line-height:1.4}.effects-guide-dismiss,.applied-effect-action{border-radius:var(--radius-xs);width:26px;height:26px;color:var(--text-muted);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:grid}.effects-guide-dismiss:hover,.applied-effect-action:hover:not(:disabled){border-color:var(--border);background:var(--bg-2);color:var(--text)}.applied-effects-section{padding:9px}.applied-effects-heading{justify-content:space-between;align-items:center;gap:6px;min-height:22px;margin-bottom:5px;display:flex}.effect-section-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.effect-section-actions .text-btn{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.applied-effects-list{flex-direction:column;gap:3px;display:flex}.applied-effect-row{border-radius:var(--radius-xs);min-width:0;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;align-items:center;gap:5px;padding:4px;display:flex}.applied-effect-row:hover{border-color:var(--border);background:var(--bg-2)}.applied-effect-icon{width:27px;height:27px}.applied-effect-copy,.effect-library-copy{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.applied-effect-copy strong,.effect-library-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.applied-effect-copy small,.effect-library-copy small{color:var(--text-muted);text-overflow:ellipsis;font-size:8px;line-height:1.4;overflow:hidden}.applied-effect-action{width:25px;height:25px}.applied-effect-action:disabled{cursor:not-allowed;opacity:.4}.applied-effect-action.is-danger:hover:not(:disabled){color:#f87171;border-color:#f8717159}.applied-effects-empty{color:var(--text-muted);margin:0;padding:5px 0 2px;font-size:9px;line-height:1.5}.effects-preview-compare{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:9px;font-weight:600;display:flex}.effects-preview-compare>div{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-0);gap:3px;padding:2px;display:flex}.effects-preview-compare button{min-width:54px;min-height:27px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:4px;padding:0 8px;font-size:9px;font-weight:600}.effects-preview-compare button.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.effect-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.effect-library-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);text-align:left;min-width:0;min-height:54px;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:7px;padding:7px;display:flex}.effect-library-card:hover:not(:disabled){border-color:var(--accent-border);background:var(--bg-2);transform:translateY(-1px)}.effect-library-card.is-applied{border-color:var(--accent-border)}.effect-library-icon{width:29px;height:29px}.effect-library-copy small{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.effect-library-state{color:var(--accent);flex:none;font-size:8px;font-weight:650}.timeline-panel.is-guided-selection{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft), 0 0 24px #8b7cff33;animation:1.8s ease-in-out infinite timeline-guide-pulse}@keyframes timeline-guide-pulse{50%{box-shadow:0 0 0 4px #8b7cff1f,0 0 30px #8b7cff47}}@media (width<=760px){.effect-library-grid{grid-template-columns:minmax(0,1fr)}.effects-onboarding{padding:15px 12px}.applied-effect-row{gap:3px}.applied-effect-action{width:27px;height:27px}}@media (prefers-reduced-motion:reduce){.timeline-panel.is-guided-selection{animation:none}}@media (width>=761px) and (width<=1024px){:root{--left-w:256px;--right-w:272px;--timeline-h:clamp(230px, 30vh, 300px);--track-header-w:156px}.workspace,.workspace.left-collapsed,.workspace.right-collapsed,.workspace.left-collapsed.right-collapsed{grid-template-columns:var(--left-w) minmax(0, 1fr) var(--right-w)}.workspace.left-collapsed{grid-template-columns:0 minmax(0, 1fr) var(--right-w)}.workspace.right-collapsed{grid-template-columns:var(--left-w) minmax(0, 1fr) 0}.workspace.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.timeline-toolbar{gap:6px;padding-inline:7px}.timeline-control-group,.timeline-toolbar-right{gap:2px}}@media (width<=760px){:root{--header-h:48px;--status-h:22px;--timeline-h:clamp(205px, 34dvh, 290px);--track-header-w:128px}html,body,#root{width:100%;max-width:100%;overflow:hidden}.app-shell{grid-template-rows:var(--header-h) minmax(0, 1fr) var(--status-h);width:100%;max-width:100vw;padding-bottom:env(safe-area-inset-bottom,0px)}.editor-layout{grid-template-rows:minmax(0, 1fr) var(--timeline-h)}.editor-layout.is-timeline-collapsed{grid-template-rows:minmax(0,1fr) 42px}.workspace,.workspace.left-collapsed,.workspace.right-collapsed,.workspace.left-collapsed.right-collapsed{grid-template-columns:minmax(0,1fr);min-width:0;position:relative}.workspace>.preview-panel{grid-area:1/1;min-width:0}.workspace>.sidebar{z-index:100;top:calc(var(--header-h) + env(safe-area-inset-top,0px));bottom:calc(var(--status-h) + var(--timeline-h) + env(safe-area-inset-bottom,0px));width:min(88vw,340px);max-width:calc(100vw - 24px);transition:transform .18s,visibility .18s;position:fixed;box-shadow:0 18px 48px #0000008c}.editor-layout.is-timeline-collapsed .workspace>.sidebar{bottom:calc(var(--status-h) + 42px + env(safe-area-inset-bottom,0px))}.workspace>.left-sidebar{border-right:1px solid var(--border-strong);visibility:hidden;left:0;transform:translate(-105%)}.workspace:not(.left-collapsed)>.left-sidebar{visibility:visible;transform:translate(0)}.workspace>.right-sidebar{border-left:1px solid var(--border-strong);visibility:hidden;right:0;transform:translate(105%)}.workspace:not(.right-collapsed)>.right-sidebar{visibility:visible;transform:translate(0)}.left-sidebar-inner{width:100%;min-width:0}.placeholder-panel{width:auto;min-width:0}.app-header{gap:5px;min-width:0;padding:0 6px}.header-left{flex:1 1 0;gap:5px}.brand-mark{width:25px;height:25px}.project-block{flex:auto;min-width:0}.project-input{width:clamp(66px,24vw,120px);min-width:0;font-size:11px}.header-center{flex-shrink:0;gap:0}.header-center .icon-btn{width:32px;height:36px}.header-right{flex:none;gap:4px}.header-right .ghost-btn{display:none}.header-right .export-btn{white-space:nowrap;gap:4px;height:32px;padding-inline:8px}.header-right .tooltip-wrap:last-child{margin-left:0}.preview-panel,.preview-monitor{min-width:0}.monitor-header{height:32px;padding-inline:8px}.monitor-meta{gap:5px;font-size:7.5px}.preview-stage{min-height:0;padding:8px}.preview-canvas.is-empty{width:min(100%, calc((100dvh - var(--header-h) - var(--status-h) - var(--timeline-h) - 150px) * 16 / 9));max-width:100%}.preview-media{aspect-ratio:auto;width:auto;max-width:100%;height:auto;max-height:100%}.preview-controls{gap:4px;height:48px;padding-inline:6px}.transport-left{gap:4px}.seek-range{min-width:32px}.preview-control-right{gap:2px}.timeline-panel{min-width:0}.timeline-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:4px 8px;height:auto;min-height:42px;padding:5px 6px}.timeline-label{flex:auto}.timeline-toolbar-right{flex:100%;justify-content:space-between;gap:2px;min-width:0}.timeline-toolbar-right>.timeline-control-group{min-width:0}.timeline-zoom{width:clamp(42px,17vw,84px)}.timeline-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overflow:auto}.timeline-content{width:calc(var(--track-header-w) + var(--canvas-width));min-width:max(100%, calc(var(--track-header-w) + var(--canvas-width)))}.track-header{gap:4px;padding-inline:5px}.track-controls .icon-btn{width:24px;height:28px}.timeline-clip{touch-action:none}.status-bar{gap:7px;padding-inline:7px;font-size:7.5px}.status-spacer,.status-privacy{display:none}.toast-stack{right:8px;bottom:calc(var(--status-h) + var(--timeline-h) + 8px);width:min(370px,100vw - 16px)}.modal-overlay,.modal-backdrop{padding:max(10px, env(safe-area-inset-top,0px)) 10px max(10px, env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;align-items:safe center;overflow-y:auto}.modal{width:min(100%, var(--modal-width,480px));max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.modal-body{min-width:0;overflow:hidden auto}.export-modal .modal-header,.export-progress-modal.is-exporting .modal-header,.export-progress-modal.is-complete .modal-header{gap:10px;padding:16px 14px 14px}.export-modal .modal-body.export-body,.export-progress-modal.is-exporting .modal-body,.export-progress-modal.is-complete .modal-body{padding:14px}.export-modal .modal-footer,.export-progress-modal.is-exporting .modal-footer,.export-progress-modal.is-complete .modal-footer{padding:12px 14px max(14px, env(safe-area-inset-bottom,0px));gap:8px}.export-modal .export-settings-title,.export-progress-modal .export-progress-title{gap:10px}.export-modal .export-settings-icon,.export-progress-modal .export-progress-icon{border-radius:12px;flex-basis:40px;width:40px;height:40px}.export-progress-modal.is-exporting .export-progress-status{gap:8px}}@media (width<=380px){.header-center .icon-btn{width:28px}.header-right .export-btn{padding-inline:6px}.preview-control-right .volume-group,.monitor-meta span:last-child{display:none}.timeline-toolbar-right{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto}.timeline-toolbar-right>*{flex-shrink:0}.timeline-label{font-size:8px}}@media (width<=760px){html,body,#root{height:auto;min-height:100%;overflow:clip visible}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;min-height:100dvh;overflow-y:auto}#root{width:100%}.app-shell{width:100%;max-width:100%;height:auto;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;overflow:visible}.app-header{flex:none;width:100%;position:relative;top:auto}.editor-layout,.editor-layout.is-timeline-collapsed{flex-direction:column;width:100%;height:auto;min-height:0;display:flex;overflow:visible}.workspace,.workspace.left-collapsed,.workspace.right-collapsed,.workspace.left-collapsed.right-collapsed{flex-direction:column;width:100%;min-height:0;display:flex;position:relative;overflow:visible}.workspace>.preview-panel{order:2;width:100%;height:auto;min-height:0;overflow:visible}.workspace>.left-sidebar,.workspace>.right-sidebar{z-index:auto;visibility:visible;width:100%;max-width:none;height:auto;min-height:0;max-height:none;box-shadow:none;flex:none;transition:none;display:flex;position:relative;inset:auto;overflow:visible;transform:none}.workspace>.left-sidebar{border-right:0;border-bottom:1px solid var(--border);order:1}.workspace>.right-sidebar{border-left:0;border-top:1px solid var(--border);order:3}.workspace.left-collapsed>.left-sidebar,.workspace.right-collapsed>.right-sidebar{display:none}.left-sidebar-inner{width:100%;min-width:0;height:auto;min-height:0;overflow:visible}.left-panel,.inspector{width:100%;height:auto;min-height:0;overflow:visible}.media-scroll{-webkit-overflow-scrolling:touch;flex:0 auto;max-height:min(42dvh,360px);overflow:hidden auto}.inspector-scroll{-webkit-overflow-scrolling:touch;flex:0 auto;max-height:none;padding-bottom:16px;overflow:visible}.preview-monitor{width:100%;height:auto;min-height:0;overflow:visible}.preview-stage{aspect-ratio:16/9;flex:none;width:100%;height:auto;min-height:0;overflow:hidden}.preview-canvas.is-empty{aspect-ratio:auto;width:100%;max-width:100%;height:100%;max-height:100%}.preview-media{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.preview-controls{flex:0 0 48px;width:100%}.timeline-panel{flex:none;order:4;width:100%;height:350px;min-height:250px;max-height:55dvh;overflow:hidden}.timeline-panel.is-collapsed{height:42px;min-height:42px;max-height:42px}.timeline-body,.timeline-scroll{overscroll-behavior:contain;min-width:0;min-height:0}.timeline-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overflow:auto}.timeline-ruler,.track-lane,.timeline-clip{touch-action:pan-x pan-y}.timeline-content{width:calc(var(--track-header-w) + var(--canvas-width));min-width:calc(var(--track-header-w) + var(--canvas-width))}.status-bar{flex:0 0 var(--status-h);width:100%;position:relative;bottom:auto}.toast-stack{bottom:max(12px, env(safe-area-inset-bottom,0px));position:fixed}}