:root{--bg: #0b0d10;--panel: #14171c;--panel-2: #1b1f26;--line: #272c35;--text: #e7eaf0;--muted: #868f9e;--accent: #4cc2ff;--accent-dim: #4cc2ff33;--danger: #ff6b5e;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:13px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;flex:0 0 auto;height:46px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:620;letter-spacing:-.2px}.brand:before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;border:2px solid var(--accent);border-radius:1px;border-right-color:transparent;border-bottom-color:transparent;transform:translateY(-1px)}.file{display:flex;align-items:baseline;gap:10px;min-width:0}.file-name{max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:var(--muted);font-family:var(--mono);font-size:11px;white-space:nowrap}.spacer{flex:1}.btn{height:28px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer}.btn:hover:not(:disabled){border-color:#3a414d;background:#232833}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:none;border-color:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.btn.primary{border-color:transparent;background:var(--accent);color:#06212f;font-weight:600;min-width:96px}.btn.primary:hover:not(:disabled){background:#6ccdff}.btn.icon{width:28px;padding:0;display:grid;place-items:center}.btn.icon:before{content:"";width:0;height:0;margin-left:2px;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.btn.icon[data-playing=true]:before{margin-left:0;width:9px;height:10px;border:none;background:currentColor;-webkit-mask:linear-gradient(#000 0 0) left / 3px 100% no-repeat,linear-gradient(#000 0 0) right / 3px 100% no-repeat;mask:linear-gradient(#000 0 0) left / 3px 100% no-repeat,linear-gradient(#000 0 0) right / 3px 100% no-repeat}.link{border:0;padding:0;background:none;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#14181e 0%,var(--bg) 70%)}.stage.dragover:after{content:"";position:absolute;inset:10px;border:2px dashed var(--accent);border-radius:10px;background:var(--accent-dim);pointer-events:none}.frame{position:absolute;touch-action:none;cursor:crosshair;box-shadow:0 10px 40px #0008}.media,.media img,.media video{display:block;width:100%;height:100%}.crop{position:absolute;cursor:move;outline:1px solid #fff;box-shadow:0 0 0 100vmax #0b0d10b3}.crop-grid{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .12s;background:linear-gradient(#fff9 0 0) no-repeat 33.333% 0 / 1px 100%,linear-gradient(#fff9 0 0) no-repeat 66.666% 0 / 1px 100%,linear-gradient(#fff9 0 0) no-repeat 0 33.333% / 100% 1px,linear-gradient(#fff9 0 0) no-repeat 0 66.666% / 100% 1px}.frame:hover .crop-grid,.crop.active .crop-grid{opacity:.55}.crop-size{position:absolute;left:50%;bottom:6px;transform:translate(-50%);padding:2px 7px;border-radius:4px;background:#0b0d10cc;color:#fff;font-family:var(--mono);font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}.crop.active .crop-size{opacity:1}.handle{position:absolute;width:22px;height:22px}.handle:after{content:"";position:absolute;background:#fff;box-shadow:0 0 3px #0009}.handle[data-handle=nw],.handle[data-handle=ne],.handle[data-handle=sw],.handle[data-handle=se]{width:24px;height:24px}.handle[data-handle=nw]:after,.handle[data-handle=ne]:after,.handle[data-handle=sw]:after,.handle[data-handle=se]:after{width:15px;height:15px;background:none;border:3px solid #fff;filter:drop-shadow(0 0 2px #0009)}.handle[data-handle=nw]{top:-3px;left:-3px;cursor:nwse-resize}.handle[data-handle=nw]:after{top:0;left:0;border-right:0;border-bottom:0}.handle[data-handle=ne]{top:-3px;right:-3px;cursor:nesw-resize}.handle[data-handle=ne]:after{top:0;right:0;border-left:0;border-bottom:0}.handle[data-handle=sw]{bottom:-3px;left:-3px;cursor:nesw-resize}.handle[data-handle=sw]:after{bottom:0;left:0;border-right:0;border-top:0}.handle[data-handle=se]{bottom:-3px;right:-3px;cursor:nwse-resize}.handle[data-handle=se]:after{bottom:0;right:0;border-left:0;border-top:0}.handle[data-handle=n],.handle[data-handle=s]{left:22px;right:22px;width:auto;height:16px;cursor:ns-resize}.handle[data-handle=n]{top:-8px}.handle[data-handle=s]{bottom:-8px}.handle[data-handle=n]:after,.handle[data-handle=s]:after{left:50%;width:26px;height:3px;margin-left:-13px}.handle[data-handle=n]:after{top:7px}.handle[data-handle=s]:after{bottom:7px}.handle[data-handle=w],.handle[data-handle=e]{top:22px;bottom:22px;height:auto;width:16px;cursor:ew-resize}.handle[data-handle=w]{left:-8px}.handle[data-handle=e]{right:-8px}.handle[data-handle=w]:after,.handle[data-handle=e]:after{top:50%;height:26px;width:3px;margin-top:-13px}.handle[data-handle=w]:after{left:7px}.handle[data-handle=e]:after{right:7px}.dropzone{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);pointer-events:none}.dropzone>*{pointer-events:auto}.dropzone svg{color:#333a45;margin-bottom:8px}.dz-title{margin:0;font-size:15px;color:var(--text)}.dz-sub{margin:0}.panel{flex:0 0 auto;border-top:1px solid var(--line);background:var(--panel)}.row{display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:48px}.row+.row{border-top:1px solid var(--line)}.label{flex:0 0 38px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.readout{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.chips{display:flex;gap:4px;flex-wrap:wrap}.chip{height:26px;padding:0 10px;border:1px solid var(--line);border-radius:13px;background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.chip:hover{color:var(--text);border-color:#3a414d}.chip[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.row .readout:first-of-type{margin-left:auto}.timeline{position:relative;flex:1;height:46px;border-radius:5px;background:var(--panel-2);overflow:hidden;touch-action:none;cursor:pointer;min-width:120px}.thumbs{position:absolute;inset:0;width:100%;height:100%;display:block}.tl-dim{position:absolute;top:0;bottom:0;background:#0b0d10cc;pointer-events:none}.tl-sel{position:absolute;top:0;bottom:0;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);pointer-events:none}.tl-handle{position:absolute;top:0;bottom:0;width:16px;cursor:ew-resize;display:grid;place-items:center}.tl-handle span{position:absolute;top:0;bottom:0;width:8px;background:var(--accent)}.tl-handle span:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:14px;margin:-7px 0 0 -1px;background:#06212f66}.tl-handle.in{transform:translate(-8px)}.tl-handle.in span{left:8px;border-radius:2px 0 0 2px}.tl-handle.out{transform:translate(-8px)}.tl-handle.out span{left:0;border-radius:0 2px 2px 0}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 4px #000a;pointer-events:none}.row.export{background:#0f1216}.summary{flex:1;color:var(--muted);font-size:12px}.summary b{color:var(--text);font-weight:500;font-family:var(--mono);font-size:11px}.progress{flex:1;display:flex;align-items:center;gap:10px}.progress .bar{flex:1;height:4px;max-width:320px;border-radius:2px;background:var(--panel-2);overflow:hidden}.progress .bar:after{content:"";display:block;height:100%;width:var(--pct, 0%);background:var(--accent);transition:width .15s}.progress-label{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);max-width:min(560px,90vw);padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);box-shadow:0 8px 30px #000a;font-size:12px;z-index:10}.toast.error{border-color:var(--danger);color:#ffb9b3}@media(max-width:700px){.row{flex-wrap:wrap}.row .readout:first-of-type{margin-left:0}.file-name{max-width:18ch}}.toggle{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;cursor:pointer;white-space:nowrap}.toggle input{accent-color:var(--accent);margin:0;cursor:pointer}.toggle:hover{color:var(--text)}.number{display:flex;align-items:baseline;gap:3px;height:26px;padding:0 10px;border:1px solid var(--line);border-radius:13px}.number:hover{border-color:#3a414d}.number:focus-within{border-color:var(--accent)}.number input{width:4.5ch;padding:0;border:0;background:none;color:var(--text);font-family:var(--mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.number input:focus{outline:none}.number input::-webkit-outer-spin-button,.number input::-webkit-inner-spin-button{appearance:none;margin:0}.number input[type=number]{-moz-appearance:textfield;appearance:textfield}.number .unit{color:var(--muted);font-size:12px}.hint{color:var(--muted);font-size:11px;white-space:nowrap}.tl-view{position:absolute;bottom:0;height:3px;border-radius:2px;background:var(--accent);opacity:.75;pointer-events:none}