:root{color-scheme:dark;--bg:#07091a;--panel:#10142c;--line:#272d4b;--dim:#a6adc9;--accent:#9aa7ff;--text:#f0f0ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#1b2247 0,transparent 44%),var(--bg);color:var(--text);font:16px Fredoka,system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:25px 4vw;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:21px;font-weight:600}.brand span{color:var(--dim);font-size:16px;font-weight:400}.back{color:var(--dim);font-size:14px;text-decoration:none}main{max-width:1480px;margin:auto;padding:45px 4vw 0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent)}h1{font-size:clamp(28px,3.5vw,48px);font-weight:500;margin:8px 0 12px;letter-spacing:-1px}h1 span{color:var(--accent)}p{color:var(--dim);line-height:1.5}h2,h3{font-weight:500;margin:0}h2{font-size:22px}h3{font-size:16px}.badge,.tag{border:1px solid var(--line);padding:9px 14px;border-radius:30px;color:var(--accent);font-size:13px}.dropzone{min-height:330px;border:1px dashed #6974af;border-radius:20px;background:#10142bb3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:35px}.dropzone.drag{background:#222b54;border-color:#c6ceff}.upload-icon{font:36px system-ui;background:#222948;border-radius:16px;width:64px;height:64px;display:grid;place-content:center;color:var(--accent)}.dropzone p{margin:0}.dropzone small{margin-top:8px}button,.button{border:1px solid var(--line);background:#1a203a;color:var(--text);padding:10px 15px;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}button:hover,.button:hover{background:#2d3657}button:disabled{opacity:.45;cursor:wait}.primary{background:#a8b3ff;color:#10132a;border-color:transparent;font-weight:500}.primary:hover{background:#c0c8ff}.filebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.filebar strong{overflow-wrap:anywhere}.filebar small{display:block;margin:10px 0 0}.tag{font-size:10px;padding:4px 8px;margin-right:8px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.monitor{position:relative;aspect-ratio:16/10;background:#03050f;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;place-items:center}.monitor canvas{width:100%;height:100%;object-fit:contain}.monitor #preview-note{position:absolute;bottom:15px;left:15px;right:15px;background:#10142ce6;padding:14px;border-radius:9px;color:var(--dim);font-size:13px}.transport{display:flex;align-items:center;gap:14px;padding:16px 0}.transport output{flex:1;color:var(--dim);font-size:14px;font-variant-numeric:tabular-nums}.timeline,.queue,aside{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.timeline-label,.ruler{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:var(--dim)}.timeline-label{margin-bottom:14px}.timeline input[type=range]{width:100%;margin:15px 0}.ruler{letter-spacing:0}.range-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;align-items:end;margin-top:20px}.range-row button{font-size:12px;padding:11px 5px}.cut-modes,.checks{display:flex;gap:14px;flex-wrap:wrap;margin-top:17px;font-size:12px;color:var(--dim)}.cut-modes label,.checks label,.check{display:flex;align-items:center;gap:6px}aside{padding:22px;height:fit-content}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title button{font-size:11px;background:transparent;border:0;color:var(--accent);padding:4px}fieldset{border:0;border-top:1px solid var(--line);margin:22px 0 0;padding:14px 0 0;min-width:0}legend{font-size:14px;padding:0 10px 0 0;color:var(--accent)}label{font-size:12px;color:var(--dim)}select,input[type=number]{display:block;width:100%;background:#090d21;border:1px solid var(--line);color:var(--text);border-radius:7px;padding:9px;margin-top:6px;min-width:0}input[type=range]{accent-color:var(--accent);cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.control{display:block;margin:8px 0 16px}.control output{float:right;color:var(--text)}.control input[type=range]{width:100%;margin-top:12px}.two,.four{display:grid;grid-template-columns:1fr 1fr;gap:12px}.four{grid-template-columns:repeat(4,1fr);margin-top:12px}.four input{padding:7px 3px}.check{margin-bottom:14px}small{color:var(--dim);font-size:11px;line-height:1.5;display:block}.two+small,fieldset>small{margin-top:12px}.export{width:100%;margin-top:22px;padding:14px}#cancel{width:100%;margin-top:10px}.queue{margin-top:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.queue>div{flex:1}.queue p{font-size:12px;margin-bottom:0}.queue button{font-size:12px}.queue ol{width:100%;margin:0;padding-left:20px}.queue li{font-size:12px;margin-top:10px;overflow-wrap:anywhere}.queue li button{padding:4px 8px;margin-left:5px}.status-panel{margin:24px 0;min-height:40px;font-size:14px}.status-panel p{margin:0 0 12px}.status-panel.error p{color:#ffadbd}.status-panel progress{width:100%;height:8px;accent-color:var(--accent);margin-bottom:15px}.status-panel a{margin-top:10px}details{margin-top:16px;color:var(--dim);font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font:11px monospace;background:#03050f;padding:15px}footer{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line);font-size:11px;color:var(--dim);gap:20px}:focus-visible{outline:2px solid #bdc5ff;outline-offset:4px}[hidden]{display:none!important}@media(max-width:1000px){.studio{grid-template-columns:minmax(0,1fr) 290px}.badge{display:none}.range-row{grid-template-columns:1fr 1fr}.range-row label:nth-of-type(2){grid-column:1;grid-row:2}.transport{flex-wrap:wrap}}@media(max-width:750px){header{padding:18px 5vw}.brand{font-size:17px}.brand span{display:none}main{padding:25px 5vw 0}.heading p{font-size:13px}.studio{grid-template-columns:1fr}.monitor{aspect-ratio:16/10}.dropzone{min-height:360px}.dropzone p{font-size:14px}.filebar{align-items:flex-start}.filebar button{font-size:11px;white-space:nowrap}.transport button{font-size:12px;padding:10px}.timeline{padding:15px}.cut-modes{gap:12px}footer{flex-direction:column;gap:8px}}

.trim-sliders{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.trim-sliders label{display:flex;align-items:center;gap:10px}.trim-sliders input[type=range]{margin:0;min-width:0}
/* Focused workspace: contextual tools and a single filmstrip timeline. */
.has-file{height:100dvh;min-height:0;overflow:hidden}
.has-file header{height:56px;padding:12px 24px;border-color:#ffffff0b}
.has-file main{max-width:none;padding:0 24px 12px;height:calc(100dvh - 56px)}
.has-file .heading,.has-file footer{display:none}
.has-file #workspace{display:flex;flex-direction:column;position:relative;height:100%;min-height:0}
.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;flex-shrink:0}
.tool-tabs{display:flex;gap:3px;overflow-x:auto;scrollbar-width:thin;min-width:0;padding:3px 0}
.tool-tab{white-space:nowrap;border-color:transparent;background:transparent;font-size:12px;padding:8px 10px;color:#aab3d1;border-radius:7px}
.tool-tab span:not(.tool-label){font:20px system-ui;line-height:18px}
.tool-tab.active{background:#253058;color:#f5f7ff;box-shadow:inset 0 0 0 1px #8293dc33}
.toolbar-actions{display:flex;gap:8px;flex-shrink:0}.toolbar-actions button{font-size:11px;padding:7px 10px;background:transparent;border-color:transparent;color:var(--dim)}
.has-file .filebar{justify-content:center;gap:7px;margin:0;height:27px;min-height:27px;font-size:11px;color:var(--dim)}
.has-file .filebar strong{font-weight:400;max-width:65vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.has-file .filebar small{display:none}.has-file .filebar .tag{margin:0;padding:2px 6px;font-size:8px}
.has-file .studio{display:block;flex:1;min-height:0}.has-file .monitor-panel{display:flex;flex-direction:column;height:100%;min-height:0}
.has-file .monitor{display:flex;align-items:center;justify-content:center;flex:1;min-height:80px;aspect-ratio:auto;background:transparent;border:0;border-radius:0;overflow:hidden;padding:5px 0 12px}
.has-file .monitor canvas{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.has-file .monitor #preview-note{left:20%;right:20%;bottom:20px;text-align:center}
.has-file .timeline{padding:0 0 3px;border:0;border-radius:0;background:transparent;flex-shrink:0}
.timeline-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#828eaf;margin:6px 10px 0}
#timeline-help{letter-spacing:0;color:#98a3c0;text-align:right}
.timeline-track{position:relative;height:58px;margin:29px 10px 0;user-select:none;touch-action:none;--trim:#4dd9e7}
.filmstrip{position:absolute;inset:0;width:100%;height:100%;border-radius:5px;background:#1c2443;pointer-events:none}
.seek-surface{position:absolute;inset:0;z-index:1;cursor:crosshair;outline-offset:5px;border-radius:5px}
.trim-mask{position:absolute;top:0;bottom:0;z-index:2;background:#050817b8;pointer-events:none}.mask-before{left:0;border-radius:5px 0 0 5px}.mask-after{right:0;border-radius:0 5px 5px 0}
.selected-region{position:absolute;top:0;bottom:0;border:2px solid var(--trim);z-index:3;pointer-events:none;border-radius:3px}
.trim-handle{position:absolute;width:13px;top:-2px;bottom:-2px;transform:translateX(-50%);background:var(--trim);border:1px solid #b7f6ff55;border-radius:4px;cursor:ew-resize;z-index:6;touch-action:none}
.trim-handle:after{content:'';position:absolute;top:38%;bottom:38%;left:4px;right:3px;border-left:1px solid #12304f;border-right:1px solid #12304f}.trim-handle:before{content:'';position:absolute;inset:-8px}
.trim-handle:focus-visible{outline:2px solid white;outline-offset:4px}.playhead{position:absolute;top:-6px;bottom:-6px;width:2px;background:#f7faff;z-index:5;pointer-events:none;box-shadow:0 0 3px #0008}
.playhead:before{content:'';position:absolute;top:-4px;left:-4px;border:5px solid transparent;border-top-color:#f7faff}
.playhead-time,.hover-time{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;padding:3px 6px;background:#f4f6ff;color:#141a33;border-radius:7px;font-size:10px;line-height:14px;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.at-left .playhead-time{left:0;transform:none}.at-right .playhead-time{left:auto;right:0;transform:none}.hover-time{z-index:7;background:#27314e;color:white;pointer-events:none;margin-bottom:12px}
.dragging .hover-time{display:none}.remove-mode .selected-region{border-color:#ff9da7;background:#eb557d44}.remove-mode .trim-handle{background:#ffa8b3;border-color:#ffe1e555}.remove-mode .trim-mask{background:transparent}
.timeline-ruler{display:flex;justify-content:space-between;margin:10px 4px 0;font-size:10px;color:#51cfdf;font-variant-numeric:tabular-nums}.ruler-middle{color:#596589}
.timeline-bottom{display:flex;align-items:center;gap:20px;margin-top:20px;min-height:44px}
.has-file .transport{padding:0;gap:12px;flex-shrink:0;flex-wrap:nowrap}.transport #play{min-width:64px;min-height:42px;background:#1a2243;border-color:transparent;font:18px system-ui}.transport #to-start{padding:9px 12px;border-color:transparent;background:#1a2243;font:19px system-ui}.has-file .transport output{font-size:11px;white-space:nowrap}
.has-file .range-row{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#151d3b;border-radius:10px;margin:0}
.range-row label{font-size:9px;color:#8190b5;display:flex;align-items:center;gap:7px}
.range-row input[type=text]{display:block;font:500 13px Fredoka,system-ui;color:#f5f7ff;font-variant-numeric:tabular-nums;text-align:center;width:82px;border:0;border-radius:4px;padding:6px 2px;background:transparent;outline-offset:1px}
.time-separator{color:#4f5d83;font-size:12px}.save-actions{margin-left:auto;display:flex;gap:10px}.save-actions button{min-height:43px}.save-actions #save{min-width:110px}.save-actions #save-settings{font:21px system-ui;background:#1a2243;border-color:transparent}
.timeline-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;min-height:22px}.timeline-options .cut-modes{margin:0;font-size:10px;gap:18px;align-items:center}.timeline-options output{font-size:10px;color:#8999bc;white-space:nowrap}
.timeline-disabled .trim-handle,.timeline-disabled .seek-surface{cursor:wait;opacity:.6}
.has-file #tool-panel{position:absolute;z-index:15;right:6px;top:56px;width:315px;max-height:calc(100% - 90px);overflow-y:auto;background:#10162ef5;backdrop-filter:blur(20px);border:1px solid #3e4d79;box-shadow:0 15px 70px #0008;padding:20px;border-radius:13px}
#tool-panel .panel-title h2{font-size:17px}#tool-panel .panel-title button,#export-dialog .panel-title button{font:22px system-ui;color:#c1cae9;padding:1px 7px;background:transparent;border:0}
#tool-panel fieldset{margin-top:18px}#tool-panel legend{display:none}#apply-tool{width:100%;margin-top:22px}.rotate-actions{display:flex;gap:9px}.rotate-actions button{font-size:12px;flex:1}#tool-panel .checks{display:grid;gap:12px}#tool-panel .queue{border:0;padding:0;margin:0;background:transparent;display:block}#tool-panel .queue p{margin:0 0 15px;font-size:12px}#tool-panel #clip-list{margin-top:12px}#tool-panel .four{grid-template-columns:repeat(2,1fr)}
#export-dialog{width:min(450px,calc(100vw - 30px));background:#11172f;color:var(--text);border:1px solid #3b476e;border-radius:18px;padding:26px;box-shadow:0 20px 100px #0009}#export-dialog::backdrop{background:#020614aa;backdrop-filter:blur(5px)}#export-dialog p{font-size:13px}#export-dialog fieldset{margin-top:20px}#export-dialog .control{margin-top:17px}
.has-file .status-panel{position:fixed;z-index:30;bottom:20px;right:25px;width:min(410px,calc(100vw - 30px));max-height:50vh;overflow:auto;margin:0;padding:20px;background:#111a36f5;border:1px solid #435381;border-radius:14px;box-shadow:0 10px 80px #0008;font-size:13px}.status-panel #close-status{float:right;margin:-8px -8px 0 8px;padding:0 7px;border:0;background:transparent;font-size:22px}.status-panel #cancel{margin-top:5px;font-size:12px}.status-panel #download{display:flex;margin-top:12px}
@media(max-width:1000px){.tool-tab{padding:8px;font-size:11px}.toolbar-actions button span{display:none}.toolbar-actions button{font-size:17px}.timeline-bottom{gap:12px}.has-file .transport output{display:none}}
@media(max-width:650px){.has-file header{height:45px;padding:10px 16px}.has-file main{height:calc(100dvh - 45px);padding:0 14px 10px}.editor-toolbar{gap:5px;min-height:50px}.tool-tab{font-size:10px;padding:7px}.tool-tab span:not(.tool-label){font-size:17px}.toolbar-actions{gap:0}.toolbar-actions button{padding:7px}.has-file .filebar{height:24px;min-height:24px}.has-file .monitor{padding-bottom:14px}.timeline-caption{font-size:8px;letter-spacing:.5px;margin-left:4px;margin-right:4px}#timeline-help{max-width:60%;font-size:8px}.timeline-track{height:52px;margin-left:8px;margin-right:8px;margin-top:28px}.timeline-bottom{gap:9px;flex-wrap:wrap;margin-top:14px}.has-file .transport{gap:6px}.transport #play{min-width:43px}.transport #to-start{display:none}.has-file .range-row{gap:5px;padding:5px 7px}.range-row label{display:block;font-size:8px}.range-row input[type=text]{font-size:11px;width:69px;padding:3px 0}.time-separator{font-size:9px}.save-actions{gap:5px}.save-actions #save{min-width:73px;padding:9px;font-size:11px}.save-actions #save-settings{padding:8px;font-size:17px}.timeline-options{align-items:flex-start;gap:6px;flex-wrap:wrap;margin-top:12px}.timeline-options .cut-modes{font-size:9px;gap:6px 12px}.timeline-options output{font-size:9px}.has-file #tool-panel{right:0;top:51px;max-width:100%;width:310px;max-height:calc(100% - 65px)}.has-file .monitor #preview-note{left:5px;right:5px;font-size:11px}.has-file .status-panel{right:15px;bottom:15px}.trim-handle{width:15px}.trim-handle:after{left:5px;right:4px}}
@media(max-height:560px) and (min-width:651px){.has-file header{height:40px}.has-file main{height:calc(100dvh - 40px)}.editor-toolbar{min-height:40px}.has-file .filebar{height:20px;min-height:20px}.timeline-track{height:40px;margin-top:23px}.timeline-bottom{margin-top:10px}.timeline-options{margin-top:6px}.timeline-caption{display:none}}

.tool-tabs{scrollbar-width:none}.tool-tabs::-webkit-scrollbar{display:none}
@media(max-width:650px){.tool-tab:not(.active) .tool-label{display:none}.tool-tab{min-width:31px;padding:7px}.toolbar-actions button{padding:6px}}
/* Minimal upload view. */
body:not(.has-file) main{height:calc(100dvh - 77px);padding:30px 4vw;display:grid;place-items:center;max-width:none}
body:not(.has-file) .dropzone{width:min(100%,1100px);min-height:340px;gap:25px;margin:0}
.dropzone>p{font-size:clamp(19px,2.3vw,27px);color:#e2e9ff;font-weight:400;margin:0}
.dropzone .button{background:#0afff3;color:#051a23;padding:13px 24px;border-color:transparent}
.dropzone .button:hover{background:#70fff8}
body:not(.has-file) .status-panel{position:fixed;bottom:20px;right:25px;width:min(410px,calc(100vw - 30px));padding:20px;border:1px solid #435381;background:#111a36f5;border-radius:14px;z-index:30}
/* Inline controls leave the image available for mouse and touch selection. */
#context-controls{flex-shrink:0;display:flex;gap:10px;align-items:center;padding:7px 12px;margin:4px 0;background:#121a36cc;border:1px solid #2d3a5e;border-radius:10px}
#context-controls fieldset{display:flex;flex:1;align-items:center;gap:14px;flex-wrap:wrap;padding:0;margin:0;border:0;min-width:0}
#context-controls legend{display:none}#context-controls .control{display:flex;gap:10px;align-items:center;margin:0;font-size:10px}#context-controls select{margin:0;width:170px;padding:7px;font-size:11px}
#context-controls small{font-size:10px;margin:0;color:#8e9dbd}#context-controls output{font-size:11px;color:#7ce7e8;font-variant-numeric:tabular-nums;white-space:nowrap}
#context-controls button{font-size:10px;padding:7px 10px}.crop-precise{position:relative;font-size:10px;margin:0;cursor:pointer}.crop-precise .four{position:absolute;z-index:21;top:22px;left:0;width:250px;padding:14px;background:#10182f;border:1px solid #526180;border-radius:10px;box-shadow:0 8px 30px #0008;grid-template-columns:1fr 1fr;margin:0}
.resolution-presets{display:flex;gap:4px;flex-wrap:wrap}.resolution-presets button{background:transparent;border-color:transparent}.resolution-presets button.active{color:#0afff3;background:#293453;box-shadow:inset 0 0 0 1px #0afff355}
#crop-layer{position:absolute;z-index:5;touch-action:none;user-select:none;cursor:crosshair}
.crop-shade{position:absolute;background:#040a20a8;cursor:crosshair}
.crop-box{position:absolute;border:1px solid #fff;cursor:move;touch-action:none;outline:none}
.crop-box:focus-visible{outline:2px solid #0afff3;outline-offset:3px}
.crop-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#ffffff66 1px,transparent 1px),linear-gradient(to bottom,#ffffff66 1px,transparent 1px);background-size:33.33333% 33.33333%;opacity:.6}
.crop-handle{position:absolute;padding:0!important;width:10px;height:10px;min-height:0;background:white;border:1px solid #afb9cc;border-radius:0;z-index:2;touch-action:none;transform:translate(-50%,-50%)}
.crop-handle:before{content:'';position:absolute;inset:-8px}.crop-handle:hover,.crop-handle:focus-visible{background:#0afff3}
.crop-nw{left:0;top:0;cursor:nwse-resize}.crop-n{left:50%;top:0;cursor:ns-resize}.crop-ne{left:100%;top:0;cursor:nesw-resize}.crop-e{left:100%;top:50%;cursor:ew-resize}.crop-se{left:100%;top:100%;cursor:nwse-resize}.crop-s{left:50%;top:100%;cursor:ns-resize}.crop-sw{left:0;top:100%;cursor:nesw-resize}.crop-w{left:0;top:50%;cursor:ew-resize}
@media(max-width:650px){body:not(.has-file) main{height:calc(100dvh - 62px);padding:20px 5vw}.dropzone{padding:30px 15px}.dropzone>p{font-size:21px!important}#context-controls{padding:8px;gap:7px}#context-controls fieldset{gap:9px}#context-controls .control{display:block;font-size:9px}#context-controls .control select{margin-top:4px;width:145px}#context-controls small{display:none}#context-controls #reset-crop{font-size:9px;padding:6px}#context-controls output{font-size:10px}.resolution-presets{gap:1px}.resolution-presets button{padding:6px 7px!important}.crop-handle{width:12px;height:12px}}
/* Added audio clips share the source timeline, with independent gain and trim. */
#audio-layers{padding:8px 0 0;max-height:118px;flex-shrink:0}
.audio-lanes-heading{display:flex;justify-content:space-between;margin:0 10px 5px;font-size:8px;color:#8497b8;letter-spacing:.6px;gap:8px}.audio-lanes-heading span:last-child{letter-spacing:0}
.audio-lanes-list{max-height:94px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:2px 0}
.audio-lane{height:28px;margin:0 10px 5px;position:relative;border-radius:5px;background:repeating-linear-gradient(90deg,#202b4433 0,#202b4433 calc(25% - 1px),#4c607344 25%);touch-action:none}
.audio-layer-clip{position:absolute;top:0;bottom:0;min-width:6px;background:#164646;border:1px solid #4acbb3;border-radius:4px;cursor:grab;touch-action:none;overflow:visible;user-select:none}
.audio-layer-clip.selected{border-color:#0afff3;background:#14535a;box-shadow:0 0 0 1px #0afff355}.audio-layer-clip:active{cursor:grabbing}.audio-layer-clip.muted{opacity:.4}
.layer-wave{position:absolute;inset:1px 3px;width:calc(100% - 6px);height:calc(100% - 2px);pointer-events:none}.layer-title{position:absolute;inset:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:25px;font-size:9px;pointer-events:none;color:#e5fffb;text-shadow:0 1px 3px #000}
.layer-trim{position:absolute;top:-1px;bottom:-1px;width:8px;background:#60e9d8;border-radius:3px;cursor:ew-resize;z-index:3;touch-action:none}.layer-trim-start{left:-2px}.layer-trim-end{right:-2px}.layer-trim:before{content:'';position:absolute;inset:-4px}
.audio-playline{position:absolute;left:var(--audio-position,0%);top:0;bottom:0;width:1px;background:#f4ffffcc;pointer-events:none;z-index:4}
.layer-divider{border-top:1px solid var(--line);margin:19px 0 15px}.layer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.layer-heading strong{font-size:12px;font-weight:500}.layer-heading button{font-size:10px;padding:7px 9px}
.layer-hint{font-size:10px!important;line-height:1.5;margin:10px 0 15px;color:#8da2bc}#layer-controls{margin-top:14px}.layer-volume-control{margin-top:18px!important}.layer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.layer-actions output{font-size:10px;color:#9bc5c5}.layer-actions button{font-size:10px;padding:7px 9px}
#original-audio-controls{margin-top:0}#original-audio-controls summary{cursor:pointer;font-size:12px;font-weight:500;margin-bottom:15px}#original-audio-controls .control{font-size:11px}
@media(max-width:650px){#audio-layers{max-height:99px}.audio-lanes-list{max-height:75px}.audio-lane{height:26px}.audio-lanes-heading{font-size:7px}.audio-lanes-heading span:last-child{max-width:57%;text-align:right}.layer-title{font-size:8px;line-height:23px}}
/* One accent for every interactive control. */
:root{--accent:#0afff3;--interactive:#0afff3}
button,.button,.primary,.tool-tab,.tool-tab.active,.toolbar-actions button,.save-actions button,#apply-tool,#export,#tool-panel .panel-title button,#export-dialog .panel-title button,.status-panel #close-status,.transport #play,.transport #to-start,.save-actions #save-settings,.resolution-presets button,.resolution-presets button.active{background:#0afff3!important;border-color:#0afff3!important;color:#052d31!important}
button:hover,.button:hover{background:#0afff3!important;filter:brightness(1.06);box-shadow:0 0 12px #0afff338}.tool-tab{opacity:.72}.tool-tab.active,.tool-tab:hover{opacity:1}.tool-tab.active{box-shadow:0 0 0 1px #0afff3,inset 0 0 0 1px #052d3180}
button:disabled{opacity:.4!important;filter:none;box-shadow:none}
a,.back{color:#0afff3}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:#0afff3!important}
select,input[type=number],input[type=text],.range-row input[type=text]{border-color:#0afff380!important;color:#0afff3!important;caret-color:#0afff3;background-color:#071e29}
select option{background:#0b1b2b;color:#0afff3}label,details summary{color:#0afff3}.timeline-options .cut-modes label{color:#0afff3}
:focus-visible{outline:2px solid #0afff3!important;outline-offset:3px}::selection{background:#0afff3;color:#052d31}
.dropzone{border-color:#0afff3aa}.dropzone.drag{border-color:#0afff3;background:#0afff310}.timeline-track{--trim:#0afff3}
.trim-handle,.remove-mode .trim-handle,.layer-trim,.crop-handle,.crop-handle:hover,.crop-handle:focus-visible{background:#0afff3!important;border-color:#0afff3!important}
.crop-box,.selected-region,.remove-mode .selected-region{border-color:#0afff3}.crop-grid{background-image:linear-gradient(to right,#0afff366 1px,transparent 1px),linear-gradient(to bottom,#0afff366 1px,transparent 1px)}
.playhead{background:#0afff3}.playhead:before{border-top-color:#0afff3}.playhead-time{background:#0afff3;color:#052d31}.playhead-time,.hover-time{border:1px solid #0afff3}.audio-layer-clip,.audio-layer-clip.selected{border-color:#0afff3}.audio-layer-clip:focus-visible{outline-color:#0afff3}.timeline-ruler,#context-controls output{color:#0afff3}

.has-file #tool-panel{max-height:min(calc(100% - 180px),var(--tool-panel-height,400px))!important}
*{scrollbar-color:#0afff3 #0b1830}
input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:13px;height:13px;flex-shrink:0;border:1px solid #0afff3;border-radius:3px;display:inline-grid;place-content:center;background:#081f2a;vertical-align:middle;cursor:pointer}
input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:#0afff3}
input[type=checkbox]:checked:after{content:'';width:6px;height:3px;border-left:2px solid #052d31;border-bottom:2px solid #052d31;transform:translateY(-1px) rotate(-45deg)}
input[type=radio]:checked:after{content:'';width:5px;height:5px;background:#052d31;border-radius:50%}
input:disabled{opacity:.45}