.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%}.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:240px;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;white-space:nowrap;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);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-divider{flex:0 0 1px;align-self:stretch;margin:10px 2px;background:var(--color-border)}.topbar-spacer{flex:1;min-width:8px}.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)}@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-status-group .topbar-status:not([data-priority=high]){display:none}}@media(max-width:960px){.topbar-section--context .badge,.topbar-checkbox span{display:none}.topbar-checkbox{width:var(--topbar-control);padding:0;justify-content:center}}.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-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;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)}.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)}.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;display:grid;place-items:center;padding:22px}.preview-canvas{display:block;max-width:none;max-height:none;box-shadow:0 16px 55px #00000061;background:#111827;cursor:default;touch-action:none}.preview-canvas[data-tool=blur-circle],.preview-canvas[data-tool=blur-rectangle]{cursor:crosshair}.trimmer-backdrop{z-index:70}.modal-panel.trimmer-panel{width:min(1320px,calc(100vw - 24px));height:min(calc(100vh - 24px),920px);max-height:min(calc(100vh - 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;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;gap:6px}.trimmer-play-button{min-width:84px}.trimmer-timecode{min-width:84px;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{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;-webkit-user-select:none;user-select:none}.trimmer-filmstrip,.trimmer-filmstrip span,.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-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}.trimmer-active-range:active{cursor:grabbing}.trimmer-handle{z-index:8;cursor:ew-resize}.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{z-index:9;width:10px;cursor:col-resize}.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;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);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;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{justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-panel)}.trimmer-footer div{gap:8px}.trimmer-primary{border-color:#2dd4bf80;background:#2dd4bf24;color:var(--color-accent)}@media(max-width:900px){.modal-panel.trimmer-panel{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px)}.trimmer-body{grid-template-columns:1fr;overflow:auto}.trimmer-main,.trimmer-segments{min-height:auto}.trimmer-segments{border-top:1px solid var(--color-border);border-left:0}}.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-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;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)}.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)}.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}.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}.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-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}}.timeline{height:100%;display:grid;grid-template-rows:46px 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);overflow:visible;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-panel) 0%,#0f1419 100%)}.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}.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}.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}.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}.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}.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-section:first-of-type{display:none}}.timeline-scroll{min-height:0;overflow:auto;position:relative}.timeline-content{position:relative;min-width:100%}.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}.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}.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:7px minmax(0,1fr) auto 7px;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}.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;top:1px;right:7px;bottom:1px;left:7px;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:7px;height:100%;cursor:ew-resize}.trim-handle:hover{background:#fff3}.timeline-playhead{position:absolute;top:0;z-index:8;width:2px;background:var(--color-warning);cursor:ew-resize}.timeline-playhead:before{content:"";position:absolute;top:0;left:-6px;width:14px;height:14px;background:var(--color-warning);clip-path:polygon(50% 100%,0 0,100% 0)}.timeline-minimap{position:relative;overflow:hidden;border-top:1px solid var(--color-border);background:var(--color-input);cursor:pointer}.timeline-minimap-fill{height:100%;background:#2dd4bf8c}.editor-layout{height:100vh;display:grid;background:var(--color-app-bg);transition:grid-template-columns .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}@media(prefers-reduced-motion:reduce){.editor-layout,.inspector{transition:none}}.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}