:root{color:#e9edf5;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080b10;--panel:#0d1118;--panel-raised:#121721;--border:#252c38;--border-soft:#1b212c;--muted:#8f99aa;--accent:#79d6b9;--accent-strong:#a2ecd4;--blue:#67a7f8;--danger:#ff817d;background:#080b10;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.app-shell{background:var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:#0b0f15f5;justify-content:space-between;align-items:center;height:54px;padding:0 18px;display:flex}.brand,.header-actions{align-items:center;gap:9px;display:flex}.brand-mark{color:#09100e;background:var(--accent);border-radius:6px;place-content:center;width:25px;height:25px;display:grid;box-shadow:0 0 18px #78d4ba30}.brand-subtitle{color:#687282;margin-left:3px;font-size:11px}.home-local-badge{color:#9ce2cc;background:#13231f;border:1px solid #315b50;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #0005,0 0 18px #78d4ba18}.eyebrow{color:var(--accent);letter-spacing:.18em;margin:0;font-size:10px;font-weight:800}.primary-button,.secondary-button,.icon-text-button,.icon-button{border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-weight:700;display:inline-flex}.primary-button{color:#07110e;background:var(--accent);border:1px solid #8cdec5}.primary-button:hover:not(:disabled){background:var(--accent-strong)}.primary-button.compact{padding:7px 12px;font-size:12px}.primary-button.full{width:100%}.secondary-button,.icon-text-button,.icon-button{border:1px solid var(--border);color:#b9c1ce;background:#141922}.icon-text-button{padding:6px 9px;font-size:11px;font-weight:600}.icon-button{width:29px;height:29px;padding:0}.import-shell{background:radial-gradient(circle at 70% 22%, #17302955, transparent 29rem), radial-gradient(circle at 25% 25%, #16243c45, transparent 30rem), var(--bg)}.import-content{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:calc(100vh - 54px);padding:40px 20px;display:flex}.drop-zone{background:linear-gradient(160deg,#141a22e8,#0e1218e8);border:1px dashed #3c4655;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:min(620px,100%);min-height:380px;padding:42px;transition:all .18s;display:flex;box-shadow:0 25px 80px #0008}.drop-zone.is-dragging{border-color:var(--accent);background:#12231f;transform:translateY(-2px)}.drop-icon{width:60px;height:60px;color:var(--accent);background:#1b312b;border:1px solid #31584c;border-radius:15px;place-content:center;margin-bottom:18px;display:grid}.drop-zone h2{margin:0;font-size:20px}.drop-zone p{color:var(--muted);margin:8px 0 24px;font-size:13px}.format-note{color:#697384;margin-top:18px;font-size:10px}.text-button{color:#82cdb7;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:4px;font-size:10px;display:inline-flex}.inline-error,.compat-warning{border-radius:6px;width:min(620px,100%);padding:10px 13px;font-size:12px}.inline-error{color:#ffc2bf;background:#3b1718;border:1px solid #652728}.compat-warning{color:#f2d9a0;background:#302817;border:1px solid #544426}.recent-projects{border:1px solid var(--border-soft);background:#0d1218;border-radius:7px;flex-wrap:wrap;align-items:stretch;gap:8px;width:min(620px,100%);padding:10px;display:flex}.recent-projects>span{color:#7f8998;align-items:center;gap:6px;padding:0 10px;font-size:9px;display:flex}.recent-projects button{border:1px solid var(--border);color:#c3cad5;background:#151b23;border-radius:5px;flex-direction:column;align-items:flex-start;gap:4px;min-width:150px;padding:8px 10px;display:flex}.recent-projects button strong{font-size:10px}.recent-projects button small{color:#697485;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:8px;overflow:hidden}.recent-projects .project-manager-trigger{color:#a9d9ca;background:#14241f;border-color:#31584c;flex-flow:wrap;align-content:center;min-width:132px}.recent-projects .project-manager-trigger strong{flex:1}.recent-projects .project-manager-trigger small{color:#678579;width:100%;padding-left:22px}.clear-video-cache-button{color:#8994a3;background:#10151c;border:1px solid #29313b;border-radius:6px;align-items:center;gap:7px;margin-top:2px;padding:7px 10px;font-size:10px;display:inline-flex}.clear-video-cache-button:hover{color:#c5ceda;background:#171d25;border-color:#3d4855}.clear-video-cache-button span{align-items:baseline;gap:6px;display:flex}.clear-video-cache-button small{color:#65707e;font-size:8px}.dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020406b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#121820;border:1px solid #3b4654;border-radius:10px;width:min(440px,100%);overflow:hidden;box-shadow:0 24px 80px #000d}.confirm-dialog header{grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:18px;display:grid}.confirm-dialog-icon{color:#efc777;background:#332a18;border:1px solid #5b4927;border-radius:8px;place-content:center;width:34px;height:34px;display:grid}.confirm-dialog h2{color:#e2e8f0;margin:1px 0 7px;font-size:14px}.confirm-dialog p{color:#919cac;white-space:pre-line;margin:0;font-size:11px;line-height:1.65}.confirm-dialog-close{color:#758091;background:0 0;border:0;border-radius:5px;place-content:center;width:26px;height:26px;padding:0;display:grid}.confirm-dialog-close:hover{color:#d8dee8;background:#242b35}.confirm-dialog footer{border-top:1px solid var(--border-soft);background:#0d1218;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.confirm-dialog footer button{border-radius:5px;min-width:82px;padding:8px 13px;font-size:11px;font-weight:700}.danger-button{color:#fff;background:#913c3f;border:1px solid #b95757}.danger-button:hover{background:#a8484b}.confirm-dialog.is-danger .confirm-dialog-icon{color:#ffaaa6;background:#361b1d;border-color:#6b3033}.project-manager{background:#10161e;border:1px solid #3a4553;border-radius:11px;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100%);max-height:min(720px,100vh - 40px);display:grid;overflow:hidden;box-shadow:0 24px 90px #000e}.project-manager>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:62px;padding:13px 16px 13px 19px;display:flex}.project-manager>header>div{align-items:baseline;gap:10px;display:flex}.project-manager h2{color:#e1e7ef;margin:0;font-size:15px}.project-manager header span,.project-manager footer span{color:#737f8f;font-size:9px}.project-manager header button{color:#7f8998;background:0 0;border:0;border-radius:5px;place-content:center;width:29px;height:29px;padding:0;display:grid}.project-manager header button:hover{color:#d9e0e9;background:#242c36}.project-manager-list{scrollbar-width:thin;scrollbar-color:#465160 #151a21;min-height:150px;padding:9px;overflow-y:auto}.project-manager-item{border:1px solid #0000;border-radius:7px;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:12px;min-height:67px;padding:7px 9px 7px 12px;display:grid}.project-manager-item:hover{background:#151c25;border-color:#29333f}.project-manager-open{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:0;display:flex}.project-manager-open strong{color:#d3dae4;font-size:12px}.project-manager-open small{color:#8490a0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.project-manager-open span{color:#596575;align-items:center;gap:4px;font-size:8px;display:flex}.project-cache-status{color:#858e9c;white-space:nowrap;background:#202630;border:1px solid #303946;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex}.project-cache-status.is-cached{color:#9ee2cd;background:#173129;border-color:#315f51}.project-manager-delete{color:#677281;background:0 0;border:0;border-radius:5px;place-content:center;width:29px;height:29px;padding:0;display:grid}.project-manager-delete:hover{color:#ffaaa6;background:#351d20}.project-manager-empty{color:#697586;place-content:center;justify-items:center;gap:10px;min-height:180px;font-size:11px;display:grid}.project-manager>footer{border-top:1px solid var(--border-soft);background:#0c1117;justify-content:space-between;align-items:center;min-height:54px;padding:10px 16px 10px 19px;display:flex}.workspace-shell{grid-template-rows:54px 49px minmax(0,1fr) 198px;height:100vh;display:grid;overflow:hidden}.workspace-titlebar{border-bottom:1px solid var(--border);background:#0c1016;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.workspace-titlebar>div:first-child{align-items:baseline;gap:12px;display:flex}.workspace-titlebar strong{font-size:13px}.workspace-titlebar span{color:#758091;font-size:10px}.mode-switch{border:1px solid var(--border);background:#090c11;border-radius:6px;padding:3px;display:flex}.mode-switch button{color:#788294;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex}.mode-switch button.active{color:#dbe2ec;background:#202732}.workspace-grid{grid-template-columns:258px minmax(420px,1fr) 244px;min-width:0;min-height:0;display:grid}.segment-panel,.settings-panel,.player-panel{background:var(--panel);min-width:0;min-height:0}.segment-panel{border-right:1px solid var(--border)}.settings-panel{border-left:1px solid var(--border);overflow-y:auto}.panel-heading{border-bottom:1px solid var(--border-soft);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;height:39px;padding:0 13px;font-size:11px;display:flex}.panel-heading span{color:#939cad;text-align:center;background:#202630;border-radius:8px;min-width:21px;padding:2px 5px;font-size:9px}.segment-heading>div{align-items:center;gap:4px;display:flex}.segment-heading button{color:#737e8e;background:0 0;border:0;padding:2px 4px;font-size:8px}.segment-heading button:hover{color:var(--accent)}.segment-list{scrollbar-width:thin;scrollbar-color:#465160 #151a21;height:calc(100% - 39px);padding:5px;overflow-y:auto}.segment-list::-webkit-scrollbar{width:5px}.segment-list::-webkit-scrollbar-track{background:#151a21}.segment-list::-webkit-scrollbar-thumb{background:#465160;border-radius:5px}.segment-list::-webkit-scrollbar-thumb:hover{background:#5d6a7b}.segment-list-inner{width:100%;position:relative}.segment-row{cursor:default;border:1px solid #0000;border-radius:5px;grid-template-columns:30px 1fr auto;align-items:center;gap:7px;min-height:54px;padding:5px 7px;display:grid;position:absolute;top:0;left:0;right:0}.segment-row:hover{background:#141923}.segment-row.is-selected{background:#17241f;border-color:#4c9c86}.segment-index{color:#9ca6b6;background:#202630;border-radius:3px;place-content:center;width:27px;height:36px;font-family:ui-monospace,monospace;font-size:9px;display:grid}.segment-info{flex-direction:column;gap:5px;min-width:0;display:flex}.segment-info strong{color:#cdd3dd;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.segment-info input{color:#d5dce5;background:#0b1114;border:1px solid #4c9c86;border-radius:3px;outline:none;width:100%;min-width:0;padding:3px 4px;font-size:10px}.segment-info span{color:#636e80;font-family:ui-monospace,monospace;font-size:8px}.segment-export{flex-direction:column;gap:2px;display:flex}.segment-export button{color:#4b5565;background:0 0;border:0;border-radius:3px;place-content:center;width:22px;height:20px;padding:0;display:grid}.segment-export button.active{color:var(--accent);background:#20352f}.player-panel{background:#06080b;grid-template-rows:minmax(0,1fr) 45px;display:grid;overflow:hidden}.video-stage{place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:18px;display:grid;overflow:hidden}.video-stage video{object-fit:contain;background:#000;width:100%;min-width:0;height:100%;min-height:0;display:block;box-shadow:0 10px 45px #000}.playback-unavailable{color:#d6dbe4;text-align:center;justify-items:center;gap:8px;max-width:380px;padding:24px;display:grid}.playback-unavailable svg{color:#d9a441}.playback-unavailable span{color:#858e9e;font-size:11px;line-height:1.5}.player-controls{background:#0c1016;border-top:1px solid #181d25;align-items:center;gap:4px;padding:0 10px;display:flex}.player-controls button{color:#a6afbd;background:0 0;border:0;border-radius:4px;place-content:center;width:29px;height:29px;display:grid}.player-controls button:hover{background:#202630}.player-controls .play-button{color:#08110e;background:var(--accent);border-radius:50%}.player-controls .frame-export-button{color:#bfe9dc;white-space:nowrap;align-items:center;gap:5px;width:auto;padding:0 8px;font-size:9px;display:flex}.player-time{color:#adb6c4;flex:1;margin-left:8px;font-family:ui-monospace,monospace;font-size:10px}.player-time i{color:#4f5867;font-style:normal}.settings-panel{padding-bottom:15px}.settings-panel label{color:#8c96a7;flex-direction:column;gap:7px;margin:13px;font-size:10px;display:flex}.settings-panel select,.settings-panel input[type=number]{border:1px solid var(--border);color:#c7ced9;background:#171c24;border-radius:4px;width:100%;padding:7px 8px}.settings-panel input[type=range]{accent-color:var(--accent)}.settings-panel .candidate-toggle{border:1px solid var(--border-soft);background:#131820;border-radius:5px;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 9px}.settings-panel .candidate-toggle>span{color:#aab3c1;flex-direction:column;gap:3px;display:flex}.settings-panel .candidate-toggle small{color:#616d7e;font-size:8px}.settings-panel .candidate-toggle input{accent-color:var(--accent)}.settings-panel .candidate-toggle:has(input:disabled){opacity:.45}.settings-panel>.primary-button,.settings-panel>.secondary-button{width:calc(100% - 26px);margin:5px 13px;font-size:11px}.analysis-progress{background:#242b35;border-radius:3px;height:4px;margin:12px 13px 6px;overflow:hidden}.analysis-progress span{background:var(--accent);height:100%;transition:width .1s linear;display:block}.analysis-status,.settings-error{color:#8791a0;margin:7px 13px;font-size:9px;line-height:1.5}.settings-error{color:#ffaaa6}.settings-panel hr{border:0;border-top:1px solid var(--border-soft);margin:14px 13px}.selection-actions{flex-direction:column;gap:10px;padding:0 13px;font-size:10px;display:flex}.selection-actions button{border:1px solid var(--border);color:#aab3c0;background:#161b23;border-radius:4px;align-items:center;gap:7px;padding:7px 8px;font-size:10px;display:flex}.timeline-panel{border-top:1px solid var(--border);background:#0b0f15;padding:0 14px 15px}.timeline-head{color:#8e98a8;justify-content:space-between;align-items:center;height:39px;font-size:10px;display:flex}.timeline-head>div{align-items:center;gap:10px;display:flex}.timeline-head small{color:#687484;align-items:center;gap:5px;font-size:8px;font-weight:400;display:flex}.timeline-head small i{border-top:1px dashed #69788c;width:8px;height:1px}.timeline-controls{align-items:center;gap:13px;display:flex}.timeline-duration{color:#8e98a8;font-family:ui-monospace,monospace}.timeline-zoom-control{background:#111720;border:1px solid #29323d;border-radius:5px;align-items:center;gap:6px;height:27px;padding:0 5px;display:flex}.timeline-zoom-control button{color:#8b96a6;background:0 0;border:0;border-radius:3px;place-content:center;width:20px;height:20px;padding:0;display:grid}.timeline-zoom-control button:hover:not(:disabled){color:#dce3eb;background:#27313c}.timeline-zoom-control input{width:112px;height:3px;accent-color:var(--accent);cursor:pointer}.timeline-zoom-control output{color:#708071;text-align:right;width:34px;font-family:ui-monospace,monospace;font-size:8px}.timeline-rail{cursor:crosshair;scrollbar-width:thin;scrollbar-color:#536172 #151b23;overscroll-behavior:contain;background:#0e131a;border:1px solid #242b35;border-radius:4px;height:142px;position:relative;overflow:auto hidden}.timeline-rail::-webkit-scrollbar{height:7px}.timeline-rail::-webkit-scrollbar-track{background:#151b23}.timeline-rail::-webkit-scrollbar-thumb{background:#536172;border:1px solid #151b23;border-radius:7px}.timeline-rail::-webkit-scrollbar-thumb:hover{background:#718094}.timeline-rail.is-scrubbing{cursor:ew-resize}.timeline-content{min-width:100%;height:100%;position:relative}.timeline-ruler{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.timeline-tick{border-left:1px solid #1d2630;width:1px;position:absolute;bottom:44px}.timeline-tick.is-major{border-color:#2a3541;top:20px}.timeline-tick.is-minor{top:29px}.timeline-tick small{color:#6f7b8a;white-space:nowrap;font-family:ui-monospace,monospace;font-size:8px;line-height:1;position:absolute;top:-16px;left:0;transform:translate(-50%)}.timeline-tick.is-origin small{transform:none}.timeline-segment{color:#8fc4c3;background:#183238;border:1px solid #304850;align-items:flex-end;height:53px;padding:5px;font-size:9px;display:flex;position:absolute;top:38px}.timeline-segment:nth-child(2n){background:#1b2f3e}.timeline-segment.is-selected{border-color:var(--accent);background:#205043;box-shadow:inset 0 0 0 1px #78d4ba66}.candidate-cut-marker{z-index:2;opacity:.6;pointer-events:none;background:0 0;border:0;border-left:1px dashed #718096;width:1px;margin:0;padding:0;position:absolute;top:38px;bottom:48px}.candidate-cut-marker.is-selectable{opacity:.72;pointer-events:auto;cursor:pointer;border-left:0;width:9px;margin-left:-4px}.candidate-cut-marker.is-selectable:after{content:"";border-left:1px dashed #718096;position:absolute;top:0;bottom:0;left:4px}.candidate-cut-marker.is-enabled:after{border-color:#63b9d1}.candidate-cut-marker.is-selected:after{border-left:3px solid #d7a95b;left:3px;box-shadow:0 0 9px #d7a95b99}.cut-handle{z-index:3;cursor:ew-resize;background:0 0;border:0;width:7px;margin-left:-3px;padding:0;position:absolute;top:27px;bottom:43px}.cut-handle:after{content:"";background:var(--blue);width:1px;position:absolute;top:0;bottom:0;left:3px}.cut-handle.manual:after,.cut-handle.merged:after{background:#e6a868}.cut-handle.is-selected:after{background:var(--accent);width:3px;left:2px;box-shadow:0 0 0 2px #76ddbd30,0 0 12px #76ddbd99}.cut-tooltip{z-index:7;color:#d7dce4;pointer-events:none;white-space:nowrap;background:#202832;border:1px solid #465362;border-radius:4px;flex-direction:column;gap:2px;padding:4px 6px;font-family:ui-monospace,monospace;font-size:8px;display:flex;position:absolute;bottom:7px;transform:translate(-50%)}.cut-tooltip small{color:#7e8999;font-family:inherit;font-size:7px}.cut-action-tooltip{z-index:8;color:#aeb8c5;white-space:nowrap;background:#202832;border:1px solid #465362;border-radius:5px;align-items:center;gap:6px;padding:3px 4px 3px 7px;font-family:ui-monospace,monospace;font-size:8px;display:flex;position:absolute;bottom:6px;transform:translate(-50%);box-shadow:0 5px 18px #0009}.cut-action-tooltip button{color:#ffb5b0;background:#381d20;border:1px solid #634044;border-radius:3px;min-height:21px;padding:3px 7px;font-size:8px}.cut-action-tooltip.is-armed{background:#321b1e;border-color:#875055}.cut-action-tooltip.is-armed button{color:#fff;background:#9a3439;border-color:#bd4b50}.cut-action-tooltip.is-enable-action{border-color:#3d705f}.cut-action-tooltip.is-enable-action button{color:#b9f3df;background:#17382e;border-color:#367963}.cut-action-tooltip.is-enable-action.is-armed button{color:#07150f;background:var(--accent);border-color:var(--accent)}.segment-action-tooltip{z-index:9;color:#d8e0ea;white-space:nowrap;background:#202832;border:1px solid #4b6d67;border-radius:7px;align-items:center;gap:7px;padding:5px 6px 5px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:6px;transform:translate(-50%);box-shadow:0 7px 22px #000b}.segment-action-tooltip button{color:#d5faee;background:#183b32;border:1px solid #4d776e;border-radius:5px;align-items:center;gap:5px;min-height:27px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.segment-action-tooltip button:last-child{color:#d2dae5;background:#29313c;border-color:#526072}.playhead{z-index:4;pointer-events:none;background:#f2f4f8;width:1px;position:absolute;top:7px;bottom:43px}.playhead-handle{pointer-events:auto;background:0 0;border:0;width:16px;height:15px;padding:0;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.playhead-handle:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#f2f4f8;width:10px;height:9px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.playhead-handle:hover:after,.playhead-handle[aria-expanded=true]:after{background:var(--accent);filter:drop-shadow(0 0 4px #78d4baaa)}.playhead-action-tooltip{z-index:10;color:#c9d3df;white-space:nowrap;background:#1d2630;border:1px solid #568477;border-radius:6px;align-items:center;gap:6px;padding:4px 5px 4px 8px;font-family:ui-monospace,monospace;font-size:8px;display:flex;position:absolute;bottom:6px;transform:translate(-50%);box-shadow:0 7px 22px #000b}.playhead-action-tooltip button{color:#d3f6eb;background:#17372f;border:1px solid #466b62;border-radius:4px;align-items:center;gap:5px;min-height:27px;padding:5px 8px;font-family:inherit;font-size:9px;display:inline-flex}.playhead-action-tooltip button:last-child{color:#ffe0bb;background:#39291b;border-color:#755738}.workspace-notice{z-index:20;color:#ffd0cd;cursor:pointer;background:#3c191a;border:1px solid #6b2a2c;border-radius:5px;max-width:540px;padding:9px 13px;font-size:11px;position:fixed;top:111px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}.floating-message{z-index:60;color:#d9eee7;background:#17231f;border:1px solid #3c6559;border-radius:8px;align-items:center;gap:9px;max-width:min(560px,100vw - 28px);padding:10px 11px;font-size:11px;animation:.18s ease-out floating-message-in;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #000b,0 0 20px #78d4ba18}.floating-message>svg{color:var(--accent);flex:none}.floating-message span{line-height:1.45}.floating-message button{color:#8fa39c;background:0 0;border:0;border-radius:4px;flex:none;place-content:center;width:23px;height:23px;margin-left:4px;padding:0;display:grid}.floating-message button:hover{color:#e5f7f0;background:#2b3c36}@keyframes floating-message-in{0%{opacity:0;transform:translate(-50%,-7px)}}.fatal-error{background:var(--bg);place-content:center;justify-items:start;min-height:100vh;padding:40px;display:grid}.fatal-error h1{margin:9px 0}.fatal-error p:not(.eyebrow){max-width:600px;color:var(--muted)}.fatal-error button{border:1px solid var(--border);background:var(--panel-raised);border-radius:5px;margin-top:15px;padding:9px 13px}.storyboard-view{background:#0a0e14;min-height:0;position:relative;overflow:hidden}.storyboard-toolbar{border-bottom:1px solid var(--border);background:#0e131a;align-items:center;gap:18px;height:55px;padding:0 18px;display:flex}.storyboard-toolbar>div:first-child{flex:1;align-items:baseline;gap:10px;display:flex}.storyboard-toolbar strong{font-size:12px}.storyboard-toolbar span{color:#778293;font-size:10px}.storyboard-toolbar label{color:#7f899a;align-items:center;gap:8px;font-size:10px;display:flex}.storyboard-toolbar select{border:1px solid var(--border);color:#c6ced9;background:#171d26;border-radius:4px;padding:6px 26px 6px 8px;font-size:10px}.storyboard-size-control input{width:92px;accent-color:var(--accent)}.storyboard-size-control output{color:#aab4c2;text-align:right;min-width:34px;font-family:ui-monospace,monospace;font-size:9px}.storyboard-layout-switch{background:#0b1016;border:1px solid #2b3440;border-radius:5px;padding:3px;display:flex}.storyboard-layout-switch button{color:#768293;background:0 0;border:0;border-radius:3px;padding:4px 8px;font-size:9px}.storyboard-layout-switch button.is-active{color:#d8eee7;background:#234238}.storyboard-progress{z-index:3;background:#212935;height:2px;position:absolute;top:54px;left:0;right:0}.storyboard-progress span{background:var(--accent);height:100%;transition:width .12s linear;display:block}.storyboard-error{color:#ffb4b0;background:#351719;border:1px solid #5b282a;border-radius:4px;margin:10px 18px 0;padding:8px 10px;font-size:10px}.storyboard-grid{grid-auto-rows:max-content;place-content:start;gap:12px;height:calc(100% - 55px);padding:15px 18px 30px;display:grid;overflow:auto}.storyboard-grid.is-horizontal{scrollbar-width:thin;scrollbar-color:#536172 #151b23;grid-template-rows:max-content;grid-template-columns:none;grid-auto-flow:column;place-content:start;padding-bottom:18px;overflow:auto hidden}.storyboard-grid.is-horizontal::-webkit-scrollbar{height:7px}.storyboard-grid.is-horizontal::-webkit-scrollbar-track{background:#151b23}.storyboard-grid.is-horizontal::-webkit-scrollbar-thumb{background:#536172;border:1px solid #151b23;border-radius:7px}.storyboard-grid.is-horizontal::-webkit-scrollbar-thumb:hover{background:#718094}.storyboard-card{background:#11161e;border:1px solid #242b35;border-radius:6px;min-width:0;overflow:hidden}.storyboard-card:hover{border-color:#41505e}.storyboard-card.is-playhead-active{border-color:var(--accent);background:#14231f;transform:translateY(-2px);box-shadow:0 0 0 1px #76ddbd55,0 8px 24px #0009,0 0 20px #76ddbd1f}.storyboard-card.is-playhead-active .storyboard-meta strong{color:#c8f5e7}.storyboard-media{position:relative}.storyboard-image{background:#090c11;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.storyboard-image img{object-fit:contain;width:100%;height:auto;display:block}.storyboard-hover-video{z-index:1;object-fit:contain;pointer-events:none;background:#05070a;width:100%;height:100%;display:block;position:absolute;inset:0}.storyboard-hover-progress{z-index:3;background:#080c12d9;border:1px solid #37434f;border-radius:5px;align-items:center;gap:7px;padding:5px 7px;display:flex;position:absolute;bottom:7px;left:7px;right:7px;box-shadow:0 4px 14px #000b}.storyboard-hover-progress input{min-width:0;height:3px;accent-color:var(--accent);cursor:ew-resize;flex:1}.storyboard-hover-progress span{color:#cbd5e1;white-space:nowrap;font-family:ui-monospace,monospace;font-size:7px}.storyboard-image>span{color:#596474;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:120px;font-size:10px;display:flex}.storyboard-image i{z-index:2;color:#07110e;background:var(--accent);border-radius:3px;min-width:25px;padding:4px 5px;font-family:ui-monospace,monospace;font-size:9px;font-style:normal;position:absolute;top:7px;left:7px}.storyboard-meta{grid-template-columns:1fr auto;gap:5px 8px;padding:9px 10px 11px;display:grid}.storyboard-meta strong{color:#cdd4de;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.storyboard-meta span{color:#596476;font-family:ui-monospace,monospace;font-size:8px}.storyboard-meta small{color:#7d8797;grid-column:1/-1;font-size:9px}.frame-picker-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030507d9;place-content:center;padding:25px;display:grid;position:fixed;inset:0}.frame-picker{background:#10151c;border:1px solid #343d49;border-radius:9px;width:min(760px,90vw);max-height:92vh;overflow:hidden auto;box-shadow:0 25px 90px #000}.frame-picker header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:55px;padding:0 15px;display:flex}.frame-picker header>div{flex-direction:column;gap:4px;display:flex}.frame-picker header strong{font-size:12px}.frame-picker header span{color:#687383;font-size:9px}.frame-picker header button{color:#8f99a8;background:0 0;border:0;place-content:center;width:28px;height:28px;display:grid}.frame-picker video{background:#000;width:100%;max-height:430px;display:block}.frame-presets{border-top:1px solid var(--border-soft);background:#0c1118;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:11px 13px;display:grid}.frame-presets button{color:#b9c2ce;text-align:left;background:#141a22;border:1px solid #2a333f;border-radius:5px;min-width:0;padding:0 0 7px;overflow:hidden}.frame-presets button:hover,.frame-presets button.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px #79d6b940}.frame-presets img,.frame-presets button>span{aspect-ratio:16/9;object-fit:contain;color:#596474;background:#070a0f;justify-content:center;align-items:center;width:100%;display:flex}.frame-presets strong,.frame-presets small{text-overflow:ellipsis;white-space:nowrap;margin:6px 8px 0;display:block;overflow:hidden}.frame-presets strong{font-size:10px}.frame-presets small{color:#697587;font-family:ui-monospace,monospace;font-size:8px}.frame-picker-controls{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px 4px;display:grid}.frame-picker-controls button{border:1px solid var(--border);color:#abb4c1;background:#171d25;border-radius:4px;align-items:center;gap:4px;padding:6px 8px;font-size:10px;display:flex}.frame-picker-controls input{accent-color:var(--accent)}.frame-picker-value{color:#7e8999;justify-content:space-between;padding:3px 17px 10px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.frame-picker footer{border-top:1px solid var(--border);justify-content:space-between;padding:12px 16px;display:flex}.export-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030507dc;place-content:center;padding:24px;display:grid;position:fixed;inset:0}.export-dialog{background:#10151c;border:1px solid #353e4a;border-radius:10px;width:min(650px,92vw);overflow:hidden;box-shadow:0 30px 100px #000}.export-dialog>header{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;height:66px;padding:0 17px;display:grid}.export-title-icon{width:35px;height:35px;color:var(--accent);background:#1a302a;border:1px solid #315348;border-radius:7px;place-content:center;display:grid}.export-dialog>header>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.export-dialog>header strong{font-size:13px}.export-dialog>header span{color:#737e8f;font-size:9px}.export-dialog>header>button{color:#8a95a6;background:0 0;border:0;place-content:center;width:29px;height:29px;padding:0;display:grid}.export-settings{grid-template-columns:1fr 1.25fr;gap:14px;padding:17px;display:grid}.export-settings fieldset{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:7px;min-width:0;margin:0;padding:10px;display:flex}.export-settings legend{color:#8d97a7;text-transform:uppercase;padding:0 6px;font-size:9px}.export-settings fieldset label{color:#b5bdc9;background:#151a22;border-radius:4px;align-items:center;gap:8px;min-height:35px;padding:5px 7px;font-size:10px;display:flex}.export-settings input{accent-color:var(--accent)}.export-settings fieldset label>span{color:#bbc3ce;flex:1;justify-content:space-between;align-items:center;font-size:10px;display:flex}.export-settings fieldset label small{color:#647082;font-size:8px}.export-settings .mode-option{align-items:flex-start}.export-settings .mode-option>span{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.export-settings .mode-option strong{font-size:10px}.export-settings .mode-option small{line-height:1.45}.export-options{grid-column:1/-1;align-items:center;gap:18px;padding:2px 3px;display:flex}.export-options label{color:#8c96a6;align-items:center;gap:8px;font-size:10px;display:flex}.export-options select{border:1px solid var(--border);color:#c6ced9;background:#171c24;border-radius:4px;padding:6px 25px 6px 8px;font-size:10px}.export-warning,.export-error{color:#e4c781;background:#2c2517;border:1px solid #514225;border-radius:4px;grid-column:1/-1;align-items:center;gap:8px;padding:8px 10px;font-size:9px;display:flex}.export-error{color:#ffb2af;background:#351719;border-color:#5c292b}.export-summary{color:#788394;background:#0b0f14;border-radius:5px;grid-column:1/-1;justify-content:space-between;padding:10px 11px;font-size:9px;display:flex}.export-progress-view{flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:35px;display:flex}.export-progress-view>strong{margin-top:15px;font-size:14px}.export-progress-view>span{color:#7f8a99;margin-top:7px;font-size:10px}.export-progress-view>small{color:#687384;margin-top:7px;font-size:9px}.complete-icon{color:var(--accent)}.export-spinner{border:3px solid #26303a;border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}.export-progress-track{background:#252d37;border-radius:5px;width:min(430px,85%);height:6px;margin-top:20px;overflow:hidden}.export-progress-track i{background:var(--accent);height:100%;transition:width .15s linear;display:block}.export-dialog>footer{border-top:1px solid var(--border);background:#0d1218;justify-content:flex-end;align-items:center;gap:8px;min-height:61px;padding:0 17px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=950px){.import-content{padding:24px 14px}.drop-zone{min-height:340px;padding:28px 20px}.workspace-grid{grid-template-columns:210px 1fr}.settings-panel{display:none}}