:root{color:#eef2f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#111317;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,.file-picker span,select,input[type=number]{color:#eef2f7;background:#20252d;border:1px solid #3b424e;border-radius:8px}button,.file-picker span{cursor:pointer;min-height:40px;padding:0 14px}button:hover,.file-picker span:hover,select:hover,input[type=number]:hover{border-color:#607086}button:disabled{cursor:not-allowed;opacity:.45}#app{grid-template-rows:auto minmax(0,1fr);min-height:100vh;display:grid}.topbar{background:#171a20;border-bottom:1px solid #272d36;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}h1{letter-spacing:0;margin:0;font-size:20px;line-height:1.2}#file-meta{color:#aeb7c4;text-overflow:ellipsis;white-space:nowrap;max-width:min(70vw,720px);margin:5px 0 0;font-size:13px;overflow:hidden}.topbar-actions{align-items:center;gap:10px;display:flex}.file-picker input{opacity:0;width:1px;height:1px;position:absolute}.file-picker span,#export-button{white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}#export-button{color:#07100d;background:#62d69f;border-color:#54b38c}.workspace{grid-template-columns:minmax(360px,1fr) minmax(320px,430px);gap:18px;min-height:0;padding:18px;display:grid}.source-pane,.settings-pane,.preview-pane{align-content:start;gap:14px;min-width:0;display:grid}.drop-zone{color:#eef2f7;text-align:left;background:#191e25;border:1px dashed #526175;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;width:100%;min-height:92px;padding:18px;display:grid}.drop-zone.is-dragging{background:#18251f;border-color:#62d69f}.drop-zone-icon{color:#08110e;background:#62d69f;border-radius:8px;place-items:center;width:42px;height:42px;font-size:26px;line-height:1;display:grid}.drop-zone strong,.drop-zone small{display:block}.drop-zone small{color:#aeb7c4;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.has-video .drop-zone{border-style:solid;min-height:64px;padding:12px 14px}.has-video .drop-zone-icon{width:34px;height:34px;font-size:21px}.video-shell{background:#090b0f;border:1px solid #303844;border-radius:8px;overflow:hidden}video{background:#090b0f;width:100%;max-height:calc(100vh - 310px);display:block}.trim-panel,.settings-pane{background:#171b22;border:1px solid #29303a;border-radius:8px}.trim-panel{gap:14px;padding:16px;display:grid}.trim-header{color:#aeb7c4;justify-content:space-between;gap:12px;font-size:13px;display:flex}#clip-duration{color:#f4bd64}.trim-bar{height:42px;position:relative}.trim-track,.range-fill{border-radius:999px;height:10px;position:absolute;top:16px;left:0;right:0}.trim-track{background:#27313c}.range-fill{background:#62d69f;right:auto}.playhead{z-index:4;background:#f4bd64;border-radius:999px;width:2px;height:30px;position:absolute;top:6px;transform:translate(-1px)}.range-handle,.timeline-hit{appearance:none;background:0 0;width:100%;height:42px;margin:0;position:absolute;inset:0}.timeline-hit{z-index:2;cursor:pointer;opacity:0}.range-handle{z-index:3;pointer-events:none}.range-handle::-webkit-slider-runnable-track{background:0 0;height:42px}.timeline-hit::-webkit-slider-runnable-track{background:0 0;height:42px}.range-handle::-webkit-slider-thumb{appearance:none;pointer-events:auto;background:#eef2f7;border:2px solid #0d1411;border-radius:6px;width:18px;height:30px;margin-top:6px;box-shadow:0 4px 12px #00000059}.range-handle::-moz-range-track{background:0 0;height:42px}.timeline-hit::-moz-range-track{background:0 0;height:42px}.range-handle::-moz-range-thumb{pointer-events:auto;background:#eef2f7;border:2px solid #0d1411;border-radius:6px;width:18px;height:30px;box-shadow:0 4px 12px #00000059}.trim-fields,.settings-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.control-group,.field{gap:6px;display:grid}.group-label,.field span{color:#aeb7c4;font-size:12px}.field input,.field select{width:100%;height:40px;padding:0 10px}.trim-fields button{min-width:84px}.settings-pane{padding:16px}.segmented{background:#20252d;border:1px solid #3b424e;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:inline-grid;overflow:hidden}.segmented label{cursor:pointer;min-height:40px}.segmented input{opacity:0;position:absolute}.segmented span{color:#cbd3de;place-items:center;min-height:40px;padding:0 12px;display:grid}.segmented input:checked+span{color:#08100d;background:#62d69f}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}canvas{aspect-ratio:9/16;background:#101114;border:1px solid #303844;border-radius:8px;justify-self:center;width:min(100%,330px);max-height:calc(100vh - 310px)}#status{color:#cbd3de;text-align:center;min-height:24px;font-size:14px}#download-link{color:#07100d;background:#f4bd64;border-radius:8px;justify-self:center;min-height:40px;padding:9px 14px;text-decoration:none}@media (max-width:920px){.workspace{grid-template-columns:1fr}video,canvas{max-height:none}canvas{width:min(100%,420px)}}@media (max-width:640px){.topbar{flex-direction:column;align-items:stretch}.topbar-actions,.trim-fields{grid-template-columns:1fr;display:grid}.trim-fields button{width:100%}}