.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--surface-0, #0f1115);color:var(--text-primary, #f5f7fb)}.auth-screen-panel{width:min(100%,420px);display:grid;gap:12px;padding:24px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border-subtle, #2a3140) 80%,transparent);background:var(--surface-1, #171b24)}.auth-screen-panel h1{margin:0;font-size:1.25rem}.auth-screen-panel p{margin:0;color:var(--text-secondary, #b7c0d1);line-height:1.5}.auth-screen-actions{display:flex;gap:8px;margin-top:8px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.export-grid{gap:16px}.export-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.export-facts div{padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.export-facts dt{color:var(--color-text-muted);font-size:12px}.export-facts dd{margin:4px 0 0;color:var(--color-text);font-weight:700}.progress-shell{height:10px;overflow:hidden;border-radius:999px;background:var(--color-input)}.progress-shell span{display:block;height:100%;background:var(--color-accent)}.export-note{margin:0;color:var(--color-text-muted);font-size:13px}.export-error{color:var(--color-danger)}.export-success{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.tooltip-host{position:relative;display:inline-flex;align-items:center;max-width:100%;touch-action:manipulation}.tooltip-host:has(>:disabled){cursor:not-allowed}.tooltip-host>:disabled{pointer-events:none}.tooltip-bubble{display:inline-flex;align-items:center;gap:8px;max-width:min(240px,calc(100vw - 24px));padding:6px 9px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#0d1217;color:var(--color-text);box-shadow:var(--shadow-large);font-size:11px;font-weight:500;line-height:1.3;overflow-wrap:anywhere;white-space:normal;pointer-events:none}.tooltip-bubble--fixed{position:fixed;z-index:1000;transform:translate(-50%);animation:tooltip-in .14s ease}.tooltip-bubble--fixed[data-side=top]{transform:translate(-50%,-100%)}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}.tooltip-label{min-width:0}.tooltip-kbd{display:inline-flex;align-items:center;min-height:18px;padding:0 5px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:600;line-height:1}@media(prefers-reduced-motion:reduce){.tooltip-bubble--fixed{animation:none}}.topbar{--topbar-height: 52px;--topbar-control: 32px;position:relative;z-index:30;height:var(--topbar-height);min-height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);overflow:visible;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-panel) 0%,#0f1419 100%);box-shadow:0 1px #ffffff08}.topbar-section{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.topbar-section--project{flex:0 1 auto;max-width:min(320px,28vw)}.topbar-section--context{flex:0 1 auto;max-width:min(420px,34vw)}.topbar-section--actions{flex:0 0 auto;gap:6px}.topbar-section--actions>.tooltip-host{flex:0 0 auto}.topbar-divider{flex:0 0 1px;align-self:stretch;margin:10px 2px;background:var(--color-border)}.topbar-spacer{flex:1;min-width:8px}.topbar-view-menu{position:relative;display:none;flex:0 0 auto}.topbar-view-popover{position:fixed;z-index:80;top:58px;right:12px;width:min(360px,calc(100vw - 24px));border:1px solid var(--color-border);border-radius:8px;background:color-mix(in srgb,var(--color-panel) 94%,black);box-shadow:0 22px 70px #00000080;padding:10px}.topbar-view-popover-controls{display:grid;gap:10px}.topbar-view-popover-controls .topbar-zoom,.topbar-view-popover-controls .topbar-select--background,.topbar-view-popover-controls .topbar-toggles{width:100%}.topbar-view-popover-controls .topbar-zoom{justify-content:center}.topbar-view-popover-controls .topbar-zoom .tooltip-host{flex:1 1 0}.topbar-view-popover-controls .topbar-zoom .icon-button,.topbar-view-popover-controls .topbar-zoom-value{width:100%}.topbar-view-popover-controls .topbar-select--background{max-width:none}.topbar-view-popover-controls .topbar-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.topbar-view-popover-controls .topbar-toggle{width:auto;justify-content:center;padding:0 8px}.topbar-view-popover-controls .topbar-toggle-label{display:inline}.topbar-section--project .tooltip-host:has(.project-name-input){flex:1 1 auto;min-width:0;max-width:220px}.topbar-zoom .tooltip-host{height:100%}.topbar-zoom .tooltip-host:has(.topbar-zoom-value){height:100%}.topbar-zoom .topbar-zoom-value{display:block;height:100%;line-height:var(--topbar-control)}.project-name-input{width:100%;min-width:0;height:var(--topbar-control);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);padding:0 10px;font-size:13px;font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis}.project-name-input:focus{outline:none;border-color:var(--color-border-strong);background:var(--color-input)}.project-name-input:read-only{cursor:default;color:var(--color-text)}.topbar-section--context .tooltip-host:has(.topbar-select){flex:1 1 auto;min-width:0}.topbar-section--context .tooltip-host:has(.topbar-select) .topbar-select{width:100%}.topbar-select{min-width:0;max-width:260px;height:var(--topbar-control);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input);color:var(--color-text);padding:0 28px 0 10px;font-size:12px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa7b1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.topbar-select:focus{outline:none;border-color:var(--color-border-strong)}.topbar-select:disabled{opacity:.55;cursor:not-allowed}.topbar-checkbox{flex:0 0 auto;height:var(--topbar-control);display:inline-flex;align-items:center;gap:7px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);padding:0 10px;font-size:12px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.topbar-checkbox:hover{border-color:var(--color-border-strong);color:var(--color-text)}.topbar-checkbox input{margin:0;accent-color:var(--color-accent)}.topbar-btn-group{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.topbar-btn-group .icon-button{width:34px;height:var(--topbar-control);border:0;border-radius:0;background:transparent}.topbar-btn-group .icon-button+.icon-button{border-left:1px solid var(--color-border)}.topbar-btn-group .icon-button:hover{background:var(--color-surface-2)}.topbar-zoom{display:inline-flex;align-items:center;height:var(--topbar-control);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.topbar-zoom .icon-button{width:30px;height:100%;border:0;border-radius:0;background:transparent}.topbar-zoom .icon-button:hover{background:var(--color-surface-2)}.topbar-zoom-value{min-width:46px;padding:0 4px;border:0;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;text-align:center;line-height:var(--topbar-control);cursor:pointer}.topbar-zoom-value:hover{background:var(--color-surface-2);color:var(--color-text)}.topbar-select--background{width:auto;min-width:88px;max-width:none;flex:0 0 auto}.topbar-toggles{display:inline-flex;align-items:center;gap:4px}.topbar-toggle{height:var(--topbar-control);display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);padding:0 9px;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer}.topbar-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface-2)}.topbar-toggle[aria-pressed=true]{border-color:#2dd4bf73;background:#2dd4bf1a;color:var(--color-accent)}.topbar-toggle-label{line-height:1}.topbar .badge{min-height:22px;padding:0 8px;font-size:11px;font-weight:500;letter-spacing:.01em}.topbar-status-group{display:inline-flex;align-items:center;gap:6px}.topbar-status{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0 8px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:11px;font-weight:500;white-space:nowrap}.topbar-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.topbar-status[data-tone=success]{color:var(--color-success);border-color:#34d39959;background:#34d39914}.topbar-status[data-tone=warn]{color:var(--color-warning);border-color:#f59e0b59;background:#f59e0b14}.topbar-status[data-tone=danger]{color:var(--color-danger);border-color:#fb718559;background:#fb718514}.topbar .icon-button{width:var(--topbar-control);min-height:var(--topbar-control);border-radius:var(--radius-sm)}.topbar .text-button{min-height:var(--topbar-control);padding:0 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.topbar-primary{background:var(--color-accent)!important;border-color:transparent!important;color:#042f2e!important;font-weight:600!important}.topbar-primary:hover{background:color-mix(in srgb,var(--color-accent) 88%,white)!important}.topbar-secondary{border-color:#2dd4bf59;color:var(--color-accent)}.topbar-secondary:hover{background:#2dd4bf14}.topbar-secondary:disabled{border-color:var(--color-border);color:var(--color-text-muted)}.topbar-button-label{white-space:nowrap}@media(max-width:1280px){.topbar-toggle-label{display:none}.topbar-toggle{width:var(--topbar-control);padding:0;justify-content:center}}@media(max-width:1120px){.topbar-section--view{display:none}.topbar-view-menu{display:block}.topbar-status-group .topbar-status:not([data-priority=high]){display:none}}@media(max-width:960px){.topbar-section--context .badge{display:none}.topbar-section--context:not(:has(.topbar-select)):not(:has(.topbar-checkbox)){display:none}.topbar-checkbox span{display:none}.topbar-checkbox{width:var(--topbar-control);padding:0;justify-content:center}}@media(max-width:900px){.topbar{--topbar-control: 32px;height:auto;min-height:41px;flex-wrap:nowrap;align-content:center;align-items:center;gap:4px;padding:4px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.topbar-divider,.topbar-spacer{display:none}.topbar-section--project{order:1;flex:0 0 clamp(120px,32vw,210px);max-width:none}.topbar-section--project .tooltip-host:has(.project-name-input){max-width:none}.topbar-section--context{order:2;flex:0 0 auto;max-width:min(190px,36vw)}.topbar-section:not(.topbar-section--project):not(.topbar-section--context):not(.topbar-section--actions):not(.topbar-section--view){order:3;flex:0 0 auto}.topbar-section--actions{order:4;flex:0 0 auto;overflow:visible;padding-bottom:0}.topbar-select{max-width:none}.topbar-section--context .tooltip-host:has(.topbar-select){max-width:100%}.project-name-input{padding:0 8px}.topbar-view-popover{top:44px;right:8px}}@media(max-width:640px){.topbar{--topbar-control: 32px}.topbar-section--project{flex-basis:118px}.topbar-section--context{max-width:136px}.topbar-select{font-size:11px;padding-right:24px}.topbar-section--project .badge,.topbar-status-group{display:none}.topbar .text-button{width:var(--topbar-control);padding:0}.topbar-button-label{display:none}.topbar-view-popover{top:42px;right:6px;width:calc(100vw - 12px);padding:8px}.topbar-view-popover-controls{gap:8px}}.transition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.transition-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border:1px solid var(--color-border, rgba(148, 163, 184, .25));border-radius:10px;background:var(--color-surface, rgba(15, 23, 42, .4));color:var(--color-text, #e2e8f0);font-size:11px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.transition-card:hover{border-color:var(--color-accent, #38bdf8)}.transition-card.is-active{border-color:var(--color-accent, #38bdf8);background:color-mix(in srgb,var(--color-accent, #38bdf8) 16%,transparent)}.transition-card span{line-height:1;text-align:center}.tt{width:100%;height:auto;display:block;overflow:hidden;border-radius:8px}.tt-a rect{fill:#3b82f6}.tt-b rect{fill:#2dd4bf}.tt-a,.tt-b{transform-box:fill-box;transform-origin:center}.tt-overlay{fill:#000;opacity:0}.tt--crossfade .tt-b{opacity:.5}.tt--fade-to-black .tt-overlay{opacity:.45}.tt--fade-to-white .tt-overlay{fill:#fff;opacity:.6}.tt--slide-left .tt-a{transform:translate(-30%)}.tt--slide-left .tt-b{transform:translate(70%)}.tt--slide-right .tt-a{transform:translate(30%)}.tt--slide-right .tt-b{transform:translate(-70%)}.tt--zoom .tt-b{transform:scale(.7);opacity:.7}.transition-card:hover .tt--crossfade .tt-b{animation:tt-fade 1.3s ease-in-out infinite}.transition-card:hover .tt--fade-to-black .tt-overlay,.transition-card:hover .tt--fade-to-white .tt-overlay{animation:tt-dip 1.3s ease-in-out infinite}.transition-card:hover .tt--slide-left .tt-a{animation:tt-slide-a-left 1.3s ease-in-out infinite}.transition-card:hover .tt--slide-left .tt-b{animation:tt-slide-b-left 1.3s ease-in-out infinite}.transition-card:hover .tt--slide-right .tt-a{animation:tt-slide-a-right 1.3s ease-in-out infinite}.transition-card:hover .tt--slide-right .tt-b{animation:tt-slide-b-right 1.3s ease-in-out infinite}.transition-card:hover .tt--zoom .tt-b{animation:tt-zoom 1.3s ease-in-out infinite}@keyframes tt-fade{0%,to{opacity:0}50%{opacity:1}}@keyframes tt-dip{0%,to{opacity:0}50%{opacity:1}}@keyframes tt-slide-a-left{0%,to{transform:translate(0)}50%{transform:translate(-100%)}}@keyframes tt-slide-b-left{0%,to{transform:translate(100%)}50%{transform:translate(0)}}@keyframes tt-slide-a-right{0%,to{transform:translate(0)}50%{transform:translate(100%)}}@keyframes tt-slide-b-right{0%,to{transform:translate(-100%)}50%{transform:translate(0)}}@keyframes tt-zoom{0%,to{transform:scale(.4);opacity:0}50%{transform:scale(1);opacity:1}}.anim-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface)}.anim-tab{height:28px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text-muted);font-size:12px;cursor:pointer}.anim-tab:hover{color:var(--color-text)}.anim-tab.active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,transparent);color:var(--color-text)}.anim-summary{display:grid;gap:6px}.anim-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.anim-preset{display:grid;gap:6px;padding:8px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);color:var(--color-text);font-size:12px;text-align:left;cursor:pointer}.anim-preset:hover{border-color:var(--color-border-strong)}.anim-preset.selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.anim-preview{width:100%;aspect-ratio:16 / 10;border-radius:7px;overflow:hidden;position:relative;display:grid;place-items:center;border:1px solid var(--color-border);background:var(--color-input)}.anim-preview.large{aspect-ratio:16 / 9}.anim-preview-card{width:58%;height:46%;border-radius:6px;border:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent);background:color-mix(in srgb,var(--color-accent) 30%,var(--color-panel));animation-duration:1.6s;animation-timing-function:ease;animation-fill-mode:both;animation-iteration-count:infinite}.anim-duration-value{color:var(--color-text);font-variant-numeric:tabular-nums}@keyframes animFadeIn{0%{opacity:0}to{opacity:1}}@keyframes animFadeOut{0%{opacity:1}to{opacity:0}}@keyframes animSlideLeftIn{0%{transform:translate(20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes animSlideLeftOut{0%{transform:translate(0);opacity:1}to{transform:translate(-20%);opacity:0}}@keyframes animSlideRightIn{0%{transform:translate(-20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes animSlideRightOut{0%{transform:translate(0);opacity:1}to{transform:translate(20%);opacity:0}}@keyframes animSlideUpIn{0%{transform:translateY(20%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes animSlideUpOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20%);opacity:0}}@keyframes animSlideDownIn{0%{transform:translateY(-20%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes animSlideDownOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20%);opacity:0}}@keyframes animZoomInIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes animZoomInOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes animZoomOutIn{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}@keyframes animZoomOutOut{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:0}}.anim--none{animation:none}.anim--fade-in{animation-name:animFadeIn}.anim--fade-out{animation-name:animFadeOut}.anim--slide-left-in{animation-name:animSlideLeftIn}.anim--slide-left-out{animation-name:animSlideLeftOut}.anim--slide-right-in{animation-name:animSlideRightIn}.anim--slide-right-out{animation-name:animSlideRightOut}.anim--slide-up-in{animation-name:animSlideUpIn}.anim--slide-up-out{animation-name:animSlideUpOut}.anim--slide-down-in{animation-name:animSlideDownIn}.anim--slide-down-out{animation-name:animSlideDownOut}.anim--zoom-in-in{animation-name:animZoomInIn}.anim--zoom-in-out{animation-name:animZoomInOut}.anim--zoom-out-in{animation-name:animZoomOutIn}.anim--zoom-out-out{animation-name:animZoomOutOut}.inspector{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 64px;min-width:0;min-height:0;overflow:hidden;transition:grid-template-columns .24s ease}.inspector[data-collapsed=true]{grid-template-columns:0 64px}.inspector-body{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.inspector-content{min-width:0;min-height:0;overflow:auto}.inspector-rail{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-left:1px solid var(--color-border);background:var(--color-panel-2)}.inspector[data-force-expanded=true] .inspector-rail{grid-template-rows:minmax(0,1fr)}.inspector-toggle{width:40px;height:36px;display:grid;place-items:center;margin:8px auto 6px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer}.inspector-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-input)}.inspector-tabs{min-height:0;display:grid;align-content:start;gap:5px;overflow-x:hidden;overflow-y:auto;padding:0 7px 8px}.inspector-tab{width:100%;min-width:0;height:54px;display:grid;grid-template-rows:18px minmax(0,auto);place-items:center;align-content:center;gap:4px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;padding:5px 3px;font-size:9px;line-height:1.05}.inspector-tab:hover{background:var(--color-surface);color:var(--color-text)}.inspector-tab span{display:-webkit-box;max-width:100%;max-height:20px;overflow:hidden;overflow-wrap:anywhere;text-align:center;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.inspector-tab[aria-current=true]{border-color:#2dd4bf73;color:var(--color-accent);background:#2dd4bf14}.inspector-header{height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-bottom:1px solid var(--color-border);background:var(--color-panel)}.inspector-header h2{margin:0;font-size:14px}.inspector-section{display:grid;gap:10px;padding:12px;border-bottom:1px solid var(--color-border)}.inspector-section h3{margin:0;color:var(--color-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:0}.inspector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inspector-hint{margin:8px 0 0;font-size:11px;line-height:1.45;color:var(--color-text-muted)}.inspector-hint[data-tone=danger]{color:var(--color-danger, #f87171)}@media(max-width:900px){.inspector{grid-template-columns:minmax(0,1fr) 60px}.inspector[data-force-expanded=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.inspector-rail{padding-top:8px}.inspector[data-force-expanded=true] .inspector-rail{grid-row:1;display:block;min-height:0;overflow:hidden;border-left:0;border-bottom:1px solid var(--color-border);padding:8px 48px 8px 8px}.inspector-tabs{padding:0 7px 10px}.inspector[data-force-expanded=true] .inspector-tabs{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0;scrollbar-width:none;touch-action:pan-x}.inspector[data-force-expanded=true] .inspector-tabs::-webkit-scrollbar{display:none}.inspector[data-force-expanded=true] .inspector-tab{flex:0 0 68px;width:68px;height:44px}.inspector[data-force-expanded=true] .inspector-body{grid-row:2}.inspector-content{padding-bottom:24px}}@media(max-width:420px){.inspector{grid-template-columns:minmax(0,1fr) 56px}.inspector[data-force-expanded=true]{grid-template-columns:minmax(0,1fr)}}.preset-apply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-apply-card{display:grid;gap:6px;padding:8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:center}.preset-apply-card:hover{border-color:var(--color-accent, #38bdf8)}.preset-apply-card span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-schematic{width:100%;max-height:72px;color:var(--color-text-muted)}.checkbox-field{grid-template-columns:auto minmax(0,1fr);align-items:center}.checkbox-field input{width:auto;min-height:auto}.readonly-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text-muted);font-size:12px}.readonly-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.keyframe-list{display:grid;gap:8px}.keyframe-list h4{margin:0;color:var(--color-text-muted);font-size:12px;font-weight:700}.keyframe-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface)}.keyframe-row--volume{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.keyframe-row--volume .field:nth-child(3),.keyframe-row--volume .volume-keyframe-remove{grid-column:span 2}.volume-db-row{display:grid;grid-template-columns:minmax(0,1fr) 72px auto;align-items:center;gap:8px}.volume-db-row input[type=range]{padding-inline:0}.volume-db-row span{color:var(--color-text-muted);font-size:11px}.optional-color-row{display:flex;align-items:center;gap:8px}.optional-color-row input[type=checkbox]{width:15px;height:15px;flex:none;accent-color:var(--color-accent)}.optional-color-row input[type=color]{flex:1;min-width:0}.optional-color-row input[type=color]:disabled{opacity:.4;cursor:not-allowed}.text-style-row .shape-button{min-height:32px}.preview-workspace{height:100%;display:flex;flex-direction:column;min-width:0;min-height:0}.preview-stage{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;place-items:center;padding:22px;touch-action:none}.preview-canvas{display:block;max-width:none;max-height:none;box-shadow:0 16px 55px #00000061;background:#111827;cursor:default;touch-action:none;transform-origin:center center;will-change:transform,width,height;user-select:none;-webkit-user-select:none}.preview-canvas[data-tool=blur-circle],.preview-canvas[data-tool=blur-rectangle]{cursor:crosshair}@media(pointer:coarse){.preview-stage{padding:14px}}.trimmer-backdrop{z-index:70}.modal-panel.trimmer-panel{width:min(1320px,calc(100vw - 24px));height:min(calc(100vh - 24px),920px);height:min(calc(100dvh - 24px),920px);max-height:min(calc(100vh - 24px),920px);max-height:min(calc(100dvh - 24px),920px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.trimmer-header h2{min-width:0;display:flex;align-items:center;gap:8px}.trimmer-header h2 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trimmer-header-meta,.trimmer-header-meta span{display:inline-flex;align-items:center}.trimmer-header-meta{gap:10px}.trimmer-header-meta span{min-height:26px;padding:0 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-input);color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.trimmer-body{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px;overflow:hidden}.trimmer-main{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;overflow:hidden}.trimmer-preview{position:relative;min-width:0;min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#020407}.trimmer-preview video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.trimmer-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:10px;background:#0206179e;color:var(--color-text-muted);font-size:12px}.trimmer-preview-error{grid-template-columns:auto minmax(0,min(440px,80%));color:var(--color-danger)}.trimmer-big-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#02061733;color:#fff;cursor:pointer}.trimmer-big-play svg{width:58px;height:58px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff21;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.trimmer-transport,.trimmer-button-group,.trimmer-footer,.trimmer-footer div{display:flex;align-items:center}.trimmer-transport{min-width:0;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-panel-2)}.trimmer-button-group{min-width:0;flex:0 1 auto;flex-wrap:wrap;gap:6px}.trimmer-transport .icon-button,.trimmer-transport .text-button,.trimmer-footer .text-button,.trimmer-segment-row,.trimmer-segment-delete,.trimmer-big-play{touch-action:manipulation}.trimmer-play-button{min-width:84px}.trimmer-timecode{min-width:84px;flex:0 0 auto;padding:6px 8px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-input);color:var(--color-text);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.trimmer-source{display:grid;gap:8px;padding:14px 12px}.trimmer-source-track{--trimmer-handle-hit: 26px;--trimmer-handle-hit-half: 13px;--trimmer-playhead-hit: 30px;--trimmer-playhead-hit-half: 15px;position:relative;height:70px;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 36px 100%,var(--color-input);cursor:crosshair;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:contain}.trimmer-filmstrip,.trimmer-filmstrip span,.trimmer-thumbnail-strip,.trimmer-existing-range,.trimmer-saved-range,.trimmer-active-range,.trimmer-handle,.trimmer-playhead,.trimmer-dim{position:absolute;top:0;bottom:0}.trimmer-filmstrip{top:0;right:0;bottom:0;left:0;opacity:.78;pointer-events:none}.trimmer-filmstrip span{background-repeat:no-repeat}.trimmer-thumbnail-strip{top:0;right:0;bottom:0;left:0;opacity:.52;pointer-events:none;background-position:center;background-repeat:repeat-x;background-size:auto 100%}.trimmer-waveform-strip{position:absolute;z-index:1;top:8px;right:0;bottom:8px;left:0;display:flex;align-items:center;opacity:.88;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.48));mix-blend-mode:screen}.trimmer-waveform-strip img{width:100%;height:100%;object-fit:fill}.trimmer-existing-range{z-index:4;display:flex;align-items:end;min-width:2px;padding:0 4px 4px;overflow:hidden;border-inline:1px solid rgba(245,158,11,.75);background:repeating-linear-gradient(-45deg,#f59e0b57 0,#f59e0b57 5px,#f59e0b29 5px,#f59e0b29 10px);color:#fde68a;font-size:9px;font-weight:700;text-transform:uppercase;white-space:nowrap;pointer-events:none}.trimmer-saved-range{z-index:2;min-width:2px;border-inline:1px solid rgba(96,165,250,.45);background:#60a5fa47;pointer-events:none}.trimmer-active-range{z-index:3;min-width:2px;background:#2dd4bf3d;cursor:grab;touch-action:none}.trimmer-active-range:active{cursor:grabbing}.trimmer-handle{left:calc(var(--trimmer-x) - var(--trimmer-handle-hit-half));width:var(--trimmer-handle-hit);z-index:8;cursor:ew-resize;touch-action:none}.trimmer-handle:before{content:"";position:absolute;inset:0 auto 0 50%;width:3px;border-radius:999px;background:var(--color-accent);transform:translate(-50%)}.trimmer-handle:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:24px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:var(--color-accent);transform:translate(-50%,-50%)}.trimmer-playhead{left:calc(var(--trimmer-x) - var(--trimmer-playhead-hit-half));z-index:9;width:var(--trimmer-playhead-hit);cursor:col-resize;touch-action:none}.trimmer-playhead:before{content:"";position:absolute;inset:0 auto 0 50%;width:2px;background:var(--color-danger);box-shadow:0 0 8px #fb718573;transform:translate(-50%)}.trimmer-playhead:after{content:"";position:absolute;top:0;left:50%;width:10px;height:10px;background:var(--color-danger);clip-path:polygon(0 0,100% 0,50% 100%);transform:translate(-50%)}.trimmer-dim{z-index:1;background:#02061780;pointer-events:none}.trimmer-dim-left{left:0}.trimmer-dim-right{right:0}.trimmer-source-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--color-text-muted);font-size:10px}.trimmer-source-meta span,.trimmer-source-meta strong{min-height:24px;display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:6px;padding:0 7px;background:var(--color-input)}.trimmer-source-meta strong{margin-left:auto;color:var(--color-text);font-weight:700}.trimmer-source-meta .trimmer-existing-pill{border-color:#f59e0b6b;color:var(--color-warning)}.trimmer-segments{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border-left:1px solid var(--color-border);background:var(--color-panel-2)}.trimmer-segments-header,.trimmer-manual-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--color-border)}.trimmer-segments-header div{min-width:0;display:grid;gap:3px}.trimmer-segments-header strong{font-size:13px}.trimmer-segments-header span,.trimmer-manual-row span{color:var(--color-text-muted);font-size:11px}.trimmer-manual-row span[data-warning=true]{color:var(--color-warning)}.trimmer-auto-button{border-color:#2dd4bf6b;color:var(--color-accent)}.trimmer-segment-list{min-width:0;min-height:0;display:grid;align-content:start;gap:7px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px}.trimmer-segment-row{min-width:0;min-height:36px;display:grid;grid-template-columns:26px minmax(0,1fr) auto 24px;align-items:center;gap:8px;border:1px solid transparent;border-radius:7px;background:var(--color-surface);color:var(--color-text);padding:6px;text-align:left;cursor:pointer}.trimmer-segment-row:hover{border-color:var(--color-border-strong);background:var(--color-surface-2)}.trimmer-segment-row>span:first-child{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#60a5fa2e;color:#bfdbfe;font-size:10px;font-weight:800}.trimmer-segment-row strong,.trimmer-segment-row em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.trimmer-segment-row strong{font-size:10px;font-weight:600}.trimmer-segment-row em{color:var(--color-text-muted);font-size:10px;font-style:normal}.trimmer-segment-delete{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--color-text-muted);cursor:pointer}.trimmer-segment-delete:hover{background:#fb71851f;color:var(--color-danger)}.trimmer-empty,.trimmer-scenes-loading,.trimmer-scenes-error{display:grid;place-items:center;gap:8px;border:1px dashed var(--color-border);border-radius:8px;padding:24px 12px;color:var(--color-text-muted);text-align:center;font-size:12px}.trimmer-scenes-loading{color:var(--color-accent)}.trimmer-scenes-loading span{width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#2dd4bf1f,#2dd4bf6b,#2dd4bf1f)}.trimmer-scenes-error{color:var(--color-danger)}.trimmer-scenes-error p{margin:0;overflow-wrap:anywhere}.trimmer-footer{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-panel)}.trimmer-footer div{flex-wrap:wrap;justify-content:flex-end;gap:8px}.trimmer-primary{border-color:#2dd4bf80;background:#2dd4bf24;color:var(--color-accent)}@media(pointer:coarse){.trimmer-source-track{--trimmer-handle-hit: 44px;--trimmer-handle-hit-half: 22px;--trimmer-playhead-hit: 44px;--trimmer-playhead-hit-half: 22px}.trimmer-handle:after{width:12px;height:32px}.trimmer-playhead:after{width:14px;height:12px}.trimmer-transport .icon-button,.trimmer-transport .text-button,.trimmer-footer .text-button{min-height:40px}.trimmer-segment-row{min-height:44px}.trimmer-segment-delete{width:32px;height:32px}}@media(max-width:900px){.modal-panel.trimmer-panel{width:calc(100vw - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.trimmer-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(168px,34vh);grid-template-rows:minmax(0,1fr) minmax(168px,34dvh);overflow:hidden}.trimmer-main,.trimmer-segments{min-height:0}.trimmer-main{grid-template-rows:minmax(180px,1fr) auto auto;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.trimmer-preview{min-height:clamp(180px,34vh,280px);min-height:clamp(180px,34dvh,280px)}.trimmer-segments{border-top:1px solid var(--color-border);border-left:0}}@media(max-width:640px){.trimmer-backdrop{place-items:stretch}.modal-panel.trimmer-panel{width:100%;height:100%;max-height:100%;border:0;border-radius:0}.trimmer-header{padding:10px 12px}.trimmer-body{grid-template-rows:minmax(0,1fr) minmax(128px,28vh);grid-template-rows:minmax(0,1fr) minmax(128px,28dvh)}.trimmer-main{grid-template-rows:minmax(112px,1fr) auto auto}.trimmer-preview{min-height:clamp(112px,22vh,180px);min-height:clamp(112px,22dvh,180px)}.trimmer-transport{justify-content:center;gap:6px 10px;padding:8px}.trimmer-timecode{order:-1;flex:1 1 100%;padding-block:4px}.trimmer-button-group{flex:0 1 auto;justify-content:center}.trimmer-source{gap:5px;padding:8px}.trimmer-source-track{height:54px}.trimmer-source-meta strong{flex-basis:100%;justify-content:center;margin-left:0}.trimmer-footer{align-items:stretch;justify-content:center;gap:8px;padding:8px}.trimmer-footer>.text-button,.trimmer-footer div{flex:0 1 auto}.trimmer-footer div{min-width:0;justify-content:center}.trimmer-footer div .text-button{flex:0 1 auto;justify-content:center}.trimmer-footer .text-button,.trimmer-transport .text-button,.trimmer-transport .icon-button{min-height:32px}.trimmer-footer .text-button,.trimmer-transport .text-button{padding-inline:8px;font-size:12px}.trimmer-segments-header,.trimmer-manual-row,.trimmer-segment-list{padding:8px}}@media(max-width:900px)and (max-height:620px){.trimmer-body{grid-template-rows:minmax(0,1fr) minmax(112px,24vh);grid-template-rows:minmax(0,1fr) minmax(112px,24dvh)}.trimmer-main{grid-template-rows:minmax(88px,1fr) auto auto}.trimmer-preview{min-height:clamp(88px,18vh,140px);min-height:clamp(88px,18dvh,140px)}.trimmer-source-track{height:48px}}.subtitle-preset-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.subtitle-preset-preview--empty{color:var(--text-muted, #94a3b8);font-size:.75rem}.subtitle-preset-preview__frame{position:relative;width:100%;max-height:100%;overflow:hidden;border-radius:4px}.subtitle-preset-preview__frame--compact{aspect-ratio:3 / 2;height:100%}.subtitle-preset-preview--canvas{width:100%;height:100%}.subtitle-preset-preview--canvas .subtitle-preset-preview__frame{width:100%;height:100%;max-height:100%}.subtitle-preset-preview__checker{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--surface-muted, #1e293b);background-image:conic-gradient(color-mix(in oklch,var(--foreground, #e2e8f0) 14%,transparent) 25%,transparent 0 50%,color-mix(in oklch,var(--foreground, #e2e8f0) 14%,transparent) 0 75%,transparent 0);background-size:16px 16px}.subtitle-preset-preview__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.subtitle-preset-preview-backdrop{z-index:65}.modal-panel.subtitle-preset-preview-modal{width:min(520px,calc(100vw - 32px));max-height:min(88vh,760px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.modal-panel.subtitle-preset-preview-modal header h2{min-width:0;display:flex;align-items:center;gap:8px}.modal-panel.subtitle-preset-preview-modal header h2 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle-preset-preview-modal__body{display:grid;gap:12px;padding:16px}.subtitle-preset-preview-modal__canvas{min-height:320px;max-height:min(68vh,620px);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:var(--color-input);padding:12px}.subtitle-preset-preview-modal__canvas .subtitle-preset-preview--canvas{width:100%;height:100%}.subtitle-preset-preview-modal__canvas .subtitle-preset-preview__frame{width:100%;height:100%;max-width:100%;max-height:100%}.subtitle-preset-preview-modal__meta{margin:0;color:var(--color-text-muted);font-size:12px;text-align:center}.subtitle-generate-modal{width:min(560px,calc(100vw - 32px))}.subtitle-generate-modal h2{display:flex;align-items:center;gap:8px}.subtitle-generate-modal__hint{margin:0;color:var(--color-text-muted);font-size:12px}.subtitle-generate-modal__section{display:grid;gap:8px}.subtitle-generate-modal__section h3{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.subtitle-generate-modal__saved{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:13px}.subtitle-generate-modal__saved-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle-generate-modal__mini-button{border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-2);color:var(--color-text);font-size:12px;padding:4px 10px;cursor:pointer}.subtitle-generate-modal__mini-button:hover:not(:disabled){border-color:var(--color-border-strong)}.subtitle-generate-modal__empty{margin:0;padding:14px;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:12px;text-align:center}.subtitle-generate-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:220px;overflow-y:auto}.subtitle-generate-modal__tile{display:grid;gap:6px;padding:6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left}.subtitle-generate-modal__tile:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-2)}.subtitle-generate-modal__tile.is-selected{border-color:var(--color-accent, #2dd4bf)}.subtitle-generate-modal__tile:disabled,.subtitle-generate-modal__lang:disabled,.subtitle-generate-modal__mini-button:disabled,.subtitle-generate-modal__action-button:disabled{opacity:.5;cursor:not-allowed}.subtitle-generate-modal__thumb{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:var(--color-surface-2);color:var(--color-text-muted)}.subtitle-generate-modal__thumb img{width:100%;height:100%;object-fit:cover}.subtitle-generate-modal__tick{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:var(--color-accent, #2dd4bf);color:#04211c}.subtitle-generate-modal__has-captions{position:absolute;bottom:4px;left:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:4px;background:#020617b3;color:var(--color-text)}.subtitle-generate-modal__tile-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle-generate-modal__tile-meta{font-size:10px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle-generate-modal__thumb--preset{aspect-ratio:auto;display:block;background:none}.subtitle-generate-modal__thumb--preset .subtitle-preset-preview{width:100%}.subtitle-generate-modal__mini-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.subtitle-generate-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:560px){.subtitle-generate-modal__actions{grid-template-columns:1fr}}.subtitle-generate-modal__card{display:grid;gap:6px;align-content:start;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-muted)}.subtitle-generate-modal__card h4{margin:0;font-size:13px;color:var(--color-text)}.subtitle-generate-modal__card p{margin:0;font-size:11px;line-height:1.4}.subtitle-generate-modal__langs{display:flex;gap:6px}.subtitle-generate-modal__lang{flex:1;min-width:0;display:grid;gap:2px;padding:6px 4px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-2);color:var(--color-text);font-size:11px;text-align:center;cursor:pointer}.subtitle-generate-modal__lang small{color:var(--color-text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.subtitle-generate-modal__lang.is-active{border-color:var(--color-accent, #2dd4bf);color:var(--color-accent, #2dd4bf)}.subtitle-generate-modal__action-button{margin-top:4px;padding:7px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-2);color:var(--color-text);font-size:12px;cursor:pointer}.subtitle-generate-modal__action-button:hover:not(:disabled){border-color:var(--color-border-strong)}.subtitle-generate-modal__action-button.is-primary{border-color:var(--color-accent, #2dd4bf);background:color-mix(in srgb,var(--color-accent, #2dd4bf) 18%,transparent)}.subtitle-generate-modal__busy{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-muted);font-size:12px}.sidebar{height:100%;display:grid;grid-template-columns:76px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;transition:grid-template-columns .24s ease}.sidebar[data-collapsed=true]{grid-template-columns:76px 0}.sidebar-rail{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid var(--color-border);background:var(--color-panel-2)}.sidebar[data-force-expanded=true] .sidebar-rail{grid-template-rows:minmax(0,1fr)}.sidebar-toggle{width:40px;height:36px;display:grid;place-items:center;margin:8px auto 6px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer}.sidebar-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-input)}.sidebar-tabs{min-height:0;display:grid;align-content:start;gap:5px;overflow-x:hidden;overflow-y:auto;padding:0 7px 8px}.sidebar-tab{width:100%;min-width:0;height:54px;display:grid;grid-template-rows:18px minmax(0,auto);place-items:center;align-content:center;gap:4px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;padding:5px 3px;font-size:9px;line-height:1.05}.sidebar-tab:hover{background:var(--color-surface);color:var(--color-text)}.sidebar-tab span{display:-webkit-box;max-width:100%;max-height:20px;overflow:hidden;overflow-wrap:anywhere;text-align:center;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sidebar-tab[aria-current=true]{border-color:#2dd4bf73;color:var(--color-accent);background:#2dd4bf14}.sidebar-body{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;opacity:1;transform:translate(0);visibility:visible;transition:opacity .18s ease,transform .24s ease,visibility 0ms linear 0ms}.sidebar[data-collapsed=true] .sidebar-body{opacity:0;pointer-events:none;transform:translate(-10px);visibility:hidden;transition:opacity .14s ease,transform .2s ease,visibility 0ms linear .2s}.sidebar-body-header{height:44px;display:flex;align-items:center;border-bottom:1px solid var(--color-border);padding:12px}.sidebar-body-header strong{min-width:0;overflow:hidden;color:var(--color-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sidebar-panel-content{min-width:0;min-height:0;overflow:auto;padding:12px}.sidebar-section{display:grid;gap:10px}.sidebar-hint{margin:0;font-size:11px;line-height:1.45;color:var(--color-text-muted)}.subtitle-generation-status{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.subtitle-generation-status>span{flex:1;min-width:0}.subtitle-generation-status__dismiss{display:grid;place-items:center;border:0;background:none;color:var(--color-text-muted);padding:2px;cursor:pointer}.subtitle-generation-status__dismiss:hover{color:var(--color-text)}.subtitle-review-panel{display:grid;gap:8px;padding:9px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel-2)}.subtitle-review-panel__header{display:flex;align-items:start;justify-content:space-between;gap:8px}.subtitle-review-panel__header div{min-width:0;display:grid;gap:2px}.subtitle-review-panel__header strong{font-size:12px}.subtitle-review-panel__header span:not(.badge){min-width:0;overflow:hidden;color:var(--color-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.subtitle-review-list{display:grid;gap:7px;max-height:300px;overflow-y:auto}.subtitle-review-cue{display:grid;gap:5px;padding:7px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface)}.subtitle-review-cue__meta{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:10px}.subtitle-review-cue__meta>span{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--color-input);color:var(--color-text);font-weight:700}.subtitle-review-cue__meta time{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:nowrap}.subtitle-review-cue__remove{display:grid;place-items:center;border:0;background:none;color:var(--color-text-muted);padding:2px;cursor:pointer}.subtitle-review-cue__remove:hover{color:var(--color-danger)}.subtitle-review-cue textarea{width:100%;min-width:0;resize:vertical;border:1px solid var(--color-border);border-radius:6px;background:var(--color-input);color:var(--color-text);padding:7px;font:inherit;font-size:12px;line-height:1.4}.subtitle-review-panel__add{min-height:36px;justify-content:center;border-color:var(--color-accent, #2dd4bf);background:color-mix(in srgb,var(--color-accent, #2dd4bf) 14%,transparent)}.sidebar-row{display:flex;align-items:center;gap:8px}.sidebar-row input[type=number]{width:56px;min-width:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:8px}.sidebar-row .library-row{flex:1;min-height:36px}.media-dropzone,.library-row,.file-row{min-height:44px;display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:10px;cursor:pointer}.library-row{width:100%;justify-content:flex-start}.library-row:disabled{opacity:.45;cursor:not-allowed}.media-dropzone input,.file-row input{display:none}.media-dropzone[data-drag-over=true]{border-color:#2dd4bfbf;background:#2dd4bf1a;color:var(--color-accent)}.sidebar-search{height:36px;display:flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:8px;padding:0 9px;background:var(--color-input);color:var(--color-text-muted)}.sidebar-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--color-text)}.media-link-import{display:grid;gap:7px;border:1px solid var(--color-border);border-radius:8px;padding:8px;background:var(--color-panel-2)}.media-link-field{min-width:0;height:34px;display:flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:7px;padding:0 8px;background:var(--color-input);color:var(--color-text-muted)}.media-link-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit}.media-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.media-link-submit{min-width:72px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-accent) 62%,transparent);border-radius:7px;background:color-mix(in srgb,var(--color-accent) 16%,transparent);color:var(--color-accent);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.media-link-submit:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.media-link-submit:disabled,.media-link-field input:disabled{opacity:.55;cursor:not-allowed}.media-link-status{margin:0;color:var(--color-text-muted);font-size:11px;line-height:1.35}.inline-icon-button{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:5px;background:transparent;color:var(--color-text-muted);cursor:pointer}.inline-icon-button:hover{background:var(--color-surface);color:var(--color-text)}.asset-section-header{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--color-text-subtle);font-size:10px;font-weight:700;text-transform:uppercase}.upload-stack{display:grid;gap:8px}.upload-card{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--color-border);border-radius:8px;padding:8px;background:var(--color-panel-2)}.upload-card[data-status=error]{border-color:#fb71856b}.upload-thumb{width:44px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:var(--color-input);color:var(--color-text-muted)}.upload-thumb img{width:100%;height:100%;object-fit:cover}.upload-copy{min-width:0;display:grid;gap:3px}.upload-copy strong,.upload-copy span,.upload-copy em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-copy strong{color:var(--color-text);font-size:12px}.upload-copy span,.upload-copy em{color:var(--color-text-muted);font-size:10px;font-style:normal}.upload-copy em{color:var(--color-danger)}.upload-progress,.asset-cache-progress{position:relative;height:3px;overflow:hidden;border-radius:999px;background:#ffffff14}.upload-progress:after,.asset-cache-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--progress, 0%);border-radius:inherit;background:var(--color-accent)}.upload-actions{display:inline-flex;align-items:center;gap:4px}.template-browser-bar,.template-folder-title{display:flex;align-items:center;gap:8px}.template-browser-bar{justify-content:space-between}.template-folder-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.row-trailing-icon{margin-left:auto;color:var(--color-text-muted)}.template-card{min-height:66px;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:8px;cursor:pointer}.subtitle-preset-card{grid-template-columns:72px minmax(0,1fr) auto;cursor:default}.template-card:disabled{opacity:.6;cursor:wait}.template-thumb{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:var(--color-input);color:var(--color-text-muted);object-fit:cover}.template-thumb img{width:100%;height:100%;object-fit:cover}.subtitle-preset-card__thumb{width:72px;height:48px;flex-shrink:0;padding:0;background:transparent}.subtitle-preset-card__thumb .subtitle-preset-preview,.subtitle-preset-card__thumb .subtitle-preset-preview__frame{width:100%;height:100%}.subtitle-preset-card__thumb .subtitle-preset-preview__frame--compact{aspect-ratio:unset}.subtitle-preset-card .template-card-copy{grid-column:2;min-width:0}.template-card-copy{min-width:0;display:grid;gap:3px;text-align:left}.template-card-copy strong,.template-card-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card-copy strong{font-size:12px}.template-card-copy span{color:var(--color-text-muted);font-size:10px}.template-card-actions{display:inline-flex;align-items:center;gap:6px}.spin-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.asset-grid,.preset-grid{display:grid;gap:8px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.asset-card,.preset-card{min-width:0;max-width:100%;display:grid;gap:6px;border:1px solid var(--color-border);border-radius:8px;padding:7px;background:var(--color-panel-2);overflow:hidden}.asset-open-button{min-width:0;display:grid;gap:6px;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.asset-open-button:disabled{cursor:not-allowed}.asset-open-button:focus-visible{outline:2px solid rgba(45,212,191,.8);outline-offset:2px;border-radius:6px}.asset-thumb{position:relative;width:100%;max-width:100%;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#0d1217;color:var(--color-text-muted)}.asset-thumb img{display:block;width:100%;height:100%;min-width:0;max-width:100%;object-fit:cover}.asset-thumb-status{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#020617b8;color:var(--color-accent)}.asset-cache-progress{position:absolute;right:5px;bottom:5px;left:5px}.asset-meta{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px}.asset-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.asset-submeta{min-width:0;overflow:hidden;color:var(--color-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.asset-actions{display:flex;justify-content:flex-end;gap:4px}.asset-actions .icon-button{width:30px;height:30px}.asset-error{margin:0;color:var(--color-danger);font-size:12px}.shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shape-button,.preset-card{min-height:72px;display:grid;place-items:center;gap:6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:8px}.shape-button.compact{min-height:58px}.shape-button[aria-pressed=true]{border-color:#60a5fab3;color:#bfdbfe;background:#60a5fa24}.tool-card{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:8px;padding:10px;background:var(--color-panel-2)}.tool-card strong{font-size:13px}.tool-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shape-button span,.preset-card strong{max-width:100%;overflow-wrap:anywhere;color:var(--color-text-muted);font-size:12px}.preset-diagram{width:82px;height:48px;border:1px solid var(--color-border-strong);border-radius:5px;background:linear-gradient(90deg,transparent 49%,rgba(45,212,191,.5) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(245,158,11,.5) 50%,transparent 51%),var(--color-input)}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-body{transition:none}}@media(max-width:900px){.sidebar{grid-template-columns:72px minmax(0,1fr)}.sidebar[data-force-expanded=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.sidebar-rail{padding-top:8px}.sidebar[data-force-expanded=true] .sidebar-rail{grid-row:1;display:block;min-height:0;overflow:hidden;border-right:0;border-bottom:1px solid var(--color-border);padding:8px 48px 8px 8px}.sidebar-tabs{padding:0 7px 10px}.sidebar[data-force-expanded=true] .sidebar-tabs{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0;scrollbar-width:none;touch-action:pan-x}.sidebar[data-force-expanded=true] .sidebar-tabs::-webkit-scrollbar{display:none}.sidebar[data-force-expanded=true] .sidebar-tab{flex:0 0 68px;width:68px;height:44px}.sidebar[data-force-expanded=true] .sidebar-body{grid-row:2}.sidebar-panel-content{padding-bottom:24px}}@media(max-width:420px){.sidebar{grid-template-columns:68px minmax(0,1fr)}.sidebar[data-force-expanded=true]{grid-template-columns:minmax(0,1fr)}}.timeline{--timeline-playhead-hit: 24px;--timeline-trim-hit: 12px;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) 18px;min-width:0;min-height:0}.timeline-toolbar{--timeline-control: 30px;position:relative;z-index:20;display:flex;align-items:center;gap:var(--space-2);min-height:46px;overflow-x:auto;overflow-y:hidden;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-panel) 0%,#0f1419 100%);scrollbar-width:none}.timeline-toolbar::-webkit-scrollbar{display:none}.timeline-btn-group>.tooltip-host{display:inline-flex}.timeline-zoom>.tooltip-host{display:inline-flex;height:100%}.timeline-zoom>.tooltip-host>.timeline-zoom-fit,.timeline-zoom>.tooltip-host>.icon-button{height:100%}.timeline-toolbar-section{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.timeline-toolbar-section--transport{gap:10px}.timeline-toolbar-section--end{margin-left:auto}.timeline-toolbar-spacer{flex:1;min-width:8px}.timeline-toolbar-divider{flex:0 0 1px;align-self:stretch;margin:8px 0;background:var(--color-border)}.timeline-toolbar-group{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px}.timeline-chip{height:var(--timeline-control);display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);padding:0 9px;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;touch-action:manipulation}.timeline-chip:hover{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface-2)}.timeline-chip:disabled{opacity:.45;cursor:not-allowed}.timeline-btn-group{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:visible}.timeline-btn-group .icon-button{width:32px;min-height:var(--timeline-control);height:var(--timeline-control);border:0;border-radius:0;background:transparent;touch-action:manipulation}.timeline-btn-group .icon-button+.icon-button{border-left:1px solid var(--color-border)}.timeline-btn-group .icon-button:hover{background:var(--color-surface-2)}.timeline-transport .timeline-play-button{width:36px;color:var(--color-accent)}.timeline-timecode{min-width:118px;padding:0 2px;color:var(--color-text-muted);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;text-align:center}.timeline-toggle{height:var(--timeline-control);display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);padding:0 10px;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;touch-action:manipulation}.timeline-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface-2)}.timeline-toggle[aria-pressed=true]{border-color:#2dd4bf73;background:#2dd4bf1a;color:var(--color-accent)}.timeline-zoom{display:inline-flex;align-items:center;height:var(--timeline-control);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:visible}.timeline-zoom .icon-button{width:32px;min-height:var(--timeline-control);height:var(--timeline-control);border:0;border-radius:0;background:transparent;font-size:10px;font-weight:600;touch-action:manipulation}.timeline-zoom .icon-button+.icon-button{border-left:1px solid var(--color-border)}.timeline-zoom .icon-button:hover{background:var(--color-surface-2)}.timeline-zoom-fit{min-width:36px;height:var(--timeline-control);border:0;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 6px;font-size:10px;font-weight:600;cursor:pointer;touch-action:manipulation}.timeline-zoom-fit:hover{background:var(--color-surface-2);color:var(--color-text)}@media(max-width:1180px){.timeline-chip-label{display:none}.timeline-chip--compact{width:var(--timeline-control);padding:0;justify-content:center}}@media(max-width:980px){.timeline-toolbar{flex-wrap:wrap;align-content:center;gap:6px;padding:6px 10px}.timeline-toolbar-divider,.timeline-toolbar-spacer{display:none}.timeline-toolbar-section--transport{order:1;flex:1 1 100%;justify-content:space-between}.timeline-toolbar-section--tracks{order:2}.timeline-toolbar-section--edit{order:3}.timeline-toolbar-section--end{order:4;margin-left:0}.timeline-timecode{flex:1 1 auto;min-width:0;text-align:right}}@media(max-width:640px){.timeline-toolbar{--timeline-control: 34px;flex-wrap:nowrap;padding:6px 8px}.timeline-toolbar-section--transport{flex:0 0 auto}.timeline-timecode{min-width:108px;text-align:center}.timeline-toggle{padding:0 9px}}@media(pointer:coarse){.timeline{--timeline-control: 40px;--timeline-playhead-hit: 34px;--timeline-trim-hit: 18px;grid-template-rows:auto minmax(0,1fr) 28px}.timeline-toolbar{--timeline-control: 40px;min-height:52px;padding:6px 10px;touch-action:pan-x}.timeline-chip,.timeline-toggle{min-width:40px}.timeline-btn-group .icon-button,.timeline-zoom .icon-button{width:40px}.timeline-transport .timeline-play-button,.timeline-zoom-fit{min-width:44px}}.timeline-scroll{min-height:0;overflow:auto;position:relative;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.timeline-content{position:relative;min-width:100%;-webkit-user-select:none;user-select:none}.timeline-ruler{position:sticky;top:0;z-index:5;height:34px;border-bottom:1px solid var(--color-border);background:var(--color-panel-2);cursor:pointer;touch-action:none}.timeline-ruler-corner{position:sticky;left:0;z-index:6;width:178px;height:34px;display:flex;align-items:center;padding-left:12px;border-right:1px solid var(--color-border);background:var(--color-panel);color:var(--color-text-muted);font-size:12px}.timeline-tick{position:absolute;top:9px;height:20px;border-left:1px solid var(--color-border-strong);padding-left:5px;color:var(--color-text-subtle);font-size:11px;font-variant-numeric:tabular-nums}.timeline-row{position:absolute;left:0;right:0;height:46px;border-bottom:1px solid var(--color-border)}.timeline-track-header{position:sticky;left:0;z-index:4;width:178px;height:46px;display:grid;grid-template-columns:28px auto;align-items:center;gap:6px;padding:0 8px;border-right:1px solid var(--color-border);background:var(--color-panel)}.timeline-track-kind{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted)}.timeline-track-header div{display:flex;justify-content:flex-end;gap:2px}.track-icon{width:21px;height:24px;display:grid;place-items:center;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:12px;touch-action:manipulation}.track-icon:hover{border-color:var(--color-border);color:var(--color-text)}.timeline-lane{position:absolute;top:0;right:0;bottom:0;left:178px;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 64px 100%,#10161b}.timeline-clip{position:absolute;top:7px;height:32px;display:grid;grid-template-columns:var(--timeline-trim-hit) minmax(0,1fr) auto var( --timeline-trim-hit );align-items:center;overflow:hidden;border:1px solid;border-radius:7px;background:#1f2937f0;color:var(--color-text);cursor:grab;padding:0;contain:layout paint style;touch-action:none}.timeline-clip[data-selected=true]{outline:2px solid var(--color-warning);outline-offset:1px}.timeline-clip[data-muted=true]{background:#3f3526f0}.timeline-clip[data-collapsed=true]{background:#0e749057}.timeline-clip[data-has-preview=true]{background:#070c11f0}.timeline-clip-media{position:absolute;inset:1px var(--timeline-trim-hit);z-index:0;overflow:hidden;border-radius:5px;opacity:.72;pointer-events:none;contain:strict}.timeline-clip-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05090cb8,#05090c2e 42%,#05090cad),linear-gradient(0deg,rgba(5,9,12,.45),transparent)}.timeline-clip-media img{display:block;width:100%;height:100%;object-fit:cover}.timeline-clip-media--audio{background:linear-gradient(90deg,#22c55e2e,#60a5fa2e),repeating-linear-gradient(90deg,rgba(52,211,153,.75) 0 3px,transparent 3px 9px)}.timeline-scroll--preview-paused .timeline-clip-media{display:none}.timeline-clip-label{position:relative;z-index:1;overflow:hidden;padding:0 4px;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.82);white-space:nowrap;font-size:12px;pointer-events:none}.timeline-clip-status{position:relative;z-index:1;width:18px;display:grid;place-items:center;color:var(--color-warning);pointer-events:none}.trim-handle{position:relative;z-index:2;width:var(--timeline-trim-hit);height:100%;cursor:ew-resize;touch-action:none}.trim-handle:before{content:"";position:absolute;top:7px;bottom:7px;left:50%;width:3px;border-radius:999px;background:#ffffff47;opacity:0;transform:translate(-50%)}.trim-handle:hover:before,.timeline-clip[data-selected=true] .trim-handle:before{opacity:1}.trim-handle:hover{background:#fff3}.timeline-playhead{position:absolute;top:0;z-index:8;width:var(--timeline-playhead-hit);background:transparent;cursor:ew-resize;touch-action:none;transform:translate(-50%)}.timeline-playhead:before{content:"";position:absolute;top:0;left:50%;width:14px;height:14px;background:var(--color-warning);clip-path:polygon(50% 100%,0 0,100% 0);transform:translate(-50%)}.timeline-playhead:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--color-warning);transform:translate(-50%)}.timeline-minimap{position:relative;overflow:hidden;border-top:1px solid var(--color-border);background:var(--color-input);cursor:pointer;touch-action:none}.timeline-minimap-fill{height:100%;background:#2dd4bf8c}.editor-layout{--editor-topbar-row: 52px;--editor-mobile-timeline-height: clamp(170px, 32vh, 260px);--editor-mobile-timeline-height: clamp(170px, 32dvh, 260px);height:100vh;height:100dvh;display:grid;grid-template-columns:var(--editor-sidebar-width) var(--editor-sidebar-resize-width) minmax(0,1fr) var(--editor-inspector-resize-width) var( --editor-inspector-width );grid-template-rows:var(--editor-topbar-row, 52px) minmax(0,1fr) 6px var(--editor-timeline-height);overflow:hidden;position:relative;background:var(--color-app-bg);transition:grid-template-columns .24s ease,grid-template-rows .24s ease}.topbar{grid-column:1 / -1;grid-row:1}.sidebar-panel{grid-column:1;grid-row:2;min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--color-border);background:var(--color-panel)}.preview-panel{grid-column:3;grid-row:2;min-width:0;min-height:0;background:#090c0f}.inspector-panel{grid-column:5;grid-row:2;min-width:0;min-height:0;border-left:1px solid var(--color-border);background:var(--color-panel)}.timeline-panel{grid-column:1 / -1;grid-row:4;min-width:0;min-height:0;border-top:1px solid var(--color-border);background:var(--color-panel-2)}.resize-handle{min-width:0;min-height:0;background:var(--color-app-bg)}.resize-handle:hover{background:var(--color-border)}.resize-handle--hidden{pointer-events:none;cursor:default}.resize-handle--hidden:hover{background:var(--color-app-bg)}.resize-handle--vertical{grid-row:2;cursor:col-resize}.resize-handle--horizontal{grid-column:1 / -1;grid-row:3;cursor:row-resize}.editor-mobile-drawer-scrim,.editor-mobile-panel-tabs,.editor-drawer-close{display:none}@media(prefers-reduced-motion:reduce){.editor-layout,.sidebar-panel,.inspector-panel,.inspector{transition:none}}@media(max-width:900px){.editor-layout{--editor-topbar-row: auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) var(--editor-mobile-timeline-height)}.topbar{grid-column:1;grid-row:1;z-index:20}.preview-panel{grid-column:1;grid-row:2}.timeline-panel{grid-column:1;grid-row:3;min-height:0;overflow:hidden}.resize-handle{display:none}.sidebar-panel,.inspector-panel{position:fixed;z-index:60;top:0;bottom:0;width:min(86vw,420px);max-width:100vw;min-height:0;border:0;box-shadow:0 24px 80px #00000075;transition:opacity .18s ease,transform .22s ease;pointer-events:none;opacity:0}.sidebar-panel{left:0;border-right:1px solid var(--color-border);transform:translate(-100%)}.inspector-panel{right:0;border-left:1px solid var(--color-border);transform:translate(100%)}.sidebar-panel[data-mobile-open=true],.inspector-panel[data-mobile-open=true]{pointer-events:auto;opacity:1;transform:translate(0)}.editor-mobile-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:block;border:0;background:#0206178f;touch-action:manipulation}.editor-drawer-close{position:absolute;z-index:3;top:10px;right:10px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 24px #0000003d;touch-action:manipulation}.editor-mobile-panel-tabs{position:fixed;right:12px;bottom:calc(var(--editor-mobile-timeline-height) + 12px);z-index:35;display:flex;gap:8px;padding:6px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f172ae0;box-shadow:0 16px 44px #00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-mobile-panel-tabs button{min-width:72px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text-muted);font-size:12px;cursor:pointer;touch-action:manipulation}.editor-mobile-panel-tabs button[aria-pressed=true]{border-color:#2dd4bf6b;background:#2dd4bf24;color:var(--color-accent)}}@media(max-width:640px){.editor-layout{--editor-mobile-timeline-height: clamp(150px, 30vh, 220px);--editor-mobile-timeline-height: clamp(150px, 30dvh, 220px)}.sidebar-panel,.inspector-panel{width:min(92vw,380px)}.editor-mobile-panel-tabs{right:8px;bottom:calc(var(--editor-mobile-timeline-height) + 8px);gap:6px;padding:5px}.editor-mobile-panel-tabs button{min-width:64px;min-height:38px;padding-inline:8px;font-size:11px}}@media(max-width:900px)and (max-height:620px){.editor-layout{--editor-mobile-timeline-height: clamp(124px, 28vh, 180px);--editor-mobile-timeline-height: clamp(124px, 28dvh, 180px)}}@media(max-width:420px){.sidebar-panel,.inspector-panel{width:100vw}}.auth-page,.utility-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(45,212,191,.16),transparent 34%),linear-gradient(315deg,rgba(96,165,250,.14),transparent 38%),var(--color-app-bg);color:var(--color-text)}.auth-panel,.utility-panel{width:min(100%,420px);display:grid;gap:18px;border:1px solid var(--color-border);border-radius:8px;background:color-mix(in srgb,var(--color-panel) 92%,transparent);box-shadow:var(--shadow-large);padding:28px}.auth-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(45,212,191,.42);border-radius:8px;background:#2dd4bf1f;color:var(--color-accent);font-size:14px;font-weight:800}.auth-copy,.utility-panel{text-align:start}.auth-copy h1,.utility-panel h1{margin:0;font-size:24px;line-height:1.15}.auth-copy p,.utility-panel p{margin:6px 0 0;color:var(--color-text-muted);font-size:14px;line-height:1.5}.auth-form{display:grid;gap:14px}.auth-password-control{position:relative;display:block}.auth-password-control input{padding-right:46px}.auth-password-control .icon-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px}.auth-error{min-height:36px;display:flex;align-items:center;border:1px solid rgba(251,113,133,.38);border-radius:7px;background:#fb71851f;color:var(--color-danger);padding:8px 10px;font-size:13px;line-height:1.35}.auth-submit,.utility-action{width:100%;min-height:38px;margin-top:2px;background:var(--color-accent);border-color:var(--color-accent);color:#06201d;font-weight:700}.auth-submit:hover,.utility-action:hover{background:#5eead4;border-color:#5eead4}.utility-kicker{color:var(--color-accent)!important;font-size:12px!important;font-weight:800;text-transform:uppercase}:root{color-scheme:dark;--color-app-bg: #0a0d10;--color-panel: #11161b;--color-panel-2: #151b21;--color-surface: #182026;--color-surface-2: #202a31;--color-input: #0d1217;--color-border: #2b363d;--color-border-strong: #52606b;--color-text: #edf2f7;--color-text-muted: #9aa7b1;--color-text-subtle: #74818b;--color-accent: #2dd4bf;--color-accent-2: #60a5fa;--color-warning: #f59e0b;--color-danger: #fb7185;--color-success: #34d399;--track-video: #3b82f6;--track-audio: #22c55e;--track-subtitle: #f59e0b;--track-template: #38bdf8;--radius-sm: 6px;--radius-md: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--shadow-large: 0 24px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--color-app-bg);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon-button,.text-button,.segmented-button,.danger-button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.icon-button{width:34px;padding:0}.text-button,.segmented-button,.danger-button{padding:0 10px}.icon-button:hover,.text-button:hover,.segmented-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-2)}.icon-button:disabled,.text-button:disabled,.segmented-button:disabled,.danger-button:disabled{opacity:.45;cursor:not-allowed}.danger-button{color:var(--color-danger)}.field{display:grid;gap:6px;color:var(--color-text-muted);font-size:12px}.field input,.field select,.field textarea{width:100%;min-height:34px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-input);color:var(--color-text);padding:7px 9px}.field textarea{min-height:86px;resize:vertical}.field input[type=color]{padding:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#020617b3}.modal-panel{width:min(680px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));overflow:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel);box-shadow:var(--shadow-large)}.modal-panel header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border);background:var(--color-panel);z-index:1}.modal-panel h2,.modal-panel h3{margin:0;font-size:15px}.modal-content{display:grid;gap:14px;padding:16px}.template-object-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.template-object-option{min-height:82px;display:grid;align-content:center;gap:6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:12px;text-align:left;cursor:pointer}.template-object-option:hover{border-color:var(--color-border-strong);background:var(--color-surface-2)}.template-object-option span{color:var(--color-text-muted);font-size:12px}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px}.badge[data-tone=success]{color:var(--color-success);border-color:#2dd4bf66}.badge[data-tone=warn]{color:var(--color-warning);border-color:#f59e0b73}.badge[data-tone=danger]{color:var(--color-danger);border-color:#fb718573}