:root{color-scheme:dark;--bg:#141615;--panel:#1b1e1c;--line:#363c37;--text:#e4e8df;--muted:#91998e;--accent:#c6ef87;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}header{max-width:1200px;margin:auto;padding:30px 36px;display:flex;justify-content:space-between;font-size:13px}header a{font-weight:650}header>span{color:var(--muted)}main{max-width:880px;margin:60px auto 0;padding:0 32px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--accent);font-weight:650}.heading{margin-bottom:38px}h1{font-size:clamp(28px,4.5vw,44px);letter-spacing:-.065em;font-weight:500;line-height:1.1;margin:15px 0}h1 span{color:var(--accent)}.heading>p:last-child{color:var(--muted);font-size:15px;margin:16px 0}.drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:185px;padding:28px 16px;border:1px dashed #56604f;border-radius:8px;background:var(--panel);cursor:pointer;transition:background .15s,border-color .15s;text-align:center;overflow:hidden}.drop-zone:hover,.drop-zone.over,.drop-zone:focus-within{border-color:var(--accent);background:#22281e}.drop-zone input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.upload-mark{font-size:25px;color:var(--accent);line-height:1}.drop-zone strong{font-size:15px;font-weight:500;max-width:100%;overflow-wrap:anywhere}.drop-zone>span:last-child{font-size:12px;color:var(--muted)}#status{font-size:12px;color:var(--muted);min-height:18px;margin:13px 0 32px}#status.error{color:#ffb1a3}#editor{border-top:1px solid var(--line);padding-top:22px}.file-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:12px;color:var(--muted)}button{border:1px solid var(--line);border-radius:5px;padding:13px 18px;background:#242a24;color:var(--text);cursor:pointer;font-size:13px;font-weight:550}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:wait}.text-button{padding:5px 0;border:0;background:none;color:var(--accent);font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.waveform{height:180px;position:relative;background:#101310;border-radius:4px;touch-action:none;cursor:crosshair;user-select:none}canvas{display:block;width:100%;height:100%}#selection{position:absolute;top:0;bottom:0;background:#c6ef8714;border-top:1px solid #c6ef8766;border-bottom:1px solid #c6ef8766;pointer-events:none}.edge{position:absolute;top:0;bottom:0;width:3px;background:var(--accent);pointer-events:auto;cursor:ew-resize}.edge:after{content:"";position:absolute;inset:0 -10px}.edge:before{content:"";position:absolute;top:calc(50% - 13px);height:26px;width:7px;background:var(--accent);border-radius:3px}.start{left:0}.end{right:0}.start:before{left:0}.end:before{right:0}#playhead{position:absolute;top:0;bottom:0;border-left:1px solid white;pointer-events:none}.ruler{display:flex;justify-content:space-between;margin-top:9px;font:11px ui-monospace,monospace;color:var(--muted)}.hint{font-size:11px;color:var(--muted);line-height:1.6;margin:14px 0 24px}.times{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;border-top:1px solid var(--line);padding-top:24px}.times label,.length{font-size:10px;letter-spacing:.12em;color:var(--muted)}.times label>span{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12px;letter-spacing:0}.times input{width:100%;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--text);padding:10px;font:14px ui-monospace,monospace}.length output{display:block;font:17px ui-monospace,monospace;color:var(--accent);letter-spacing:-.02em;margin-top:19px}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.primary{background:var(--accent);color:#1c2713;border-color:var(--accent);min-width:160px;display:flex;justify-content:space-between;gap:30px}.primary:hover{background:#d9ffa3}.export-note{display:flex;justify-content:space-between;gap:12px;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin:44px 0 30px;padding-top:20px;font-size:10px;letter-spacing:.03em;color:var(--muted)}[hidden]{display:none!important}@media(max-width:560px){header{padding:24px}header>span{display:none}main{margin-top:38px;padding:0 24px}.times{gap:12px;grid-template-columns:1fr 1fr}.length{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.length output{margin:0}.actions button{padding:13px 12px}.primary{min-width:125px;gap:10px}.export-note{display:block}.export-note span{display:block;margin-top:6px}.waveform{height:155px}footer{font-size:9px}}
.trim-row{display:flex;align-items:center;gap:14px;margin:0 0 24px;flex-wrap:wrap}.trim-row button{padding:9px 13px}.trim-row span{font-size:11px;color:var(--muted);line-height:1.6}
.zoom-tools{display:flex;align-items:center;gap:10px;margin-bottom:14px}.zoom-tools button{padding:6px 12px;min-width:34px}.zoom-tools output{min-width:42px;text-align:center;font:12px ui-monospace,monospace;color:var(--muted)}.zoom-tools button:disabled{cursor:default}.waveform{overflow:hidden}.pan-control{display:flex;align-items:center;gap:16px;margin-top:16px;font-size:11px;color:var(--muted)}.pan-control input{flex:1;min-width:0;accent-color:var(--accent)}