:root{color-scheme:dark;--bg:#111216;--panel:#1a1b21;--line:#303139;--text:#eeeef2;--muted:#a0a2b1;--accent:#b6a0ff;--purple:#9171ef}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 "Segoe UI",system-ui,sans-serif}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{height:85px;border-bottom:1px solid #25262c;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1230px)/2))}.brand{text-decoration:none;color:var(--text);font-size:23px;font-weight:750;letter-spacing:-.8px;display:flex;gap:10px;align-items:center}.brand:first-letter{color:var(--accent)}.accent{color:var(--accent)}.local{font-size:10px;letter-spacing:1.5px;color:#babcc8;display:flex;align-items:center;gap:9px}.local i{width:6px;height:6px;background:#a1d7b0;border-radius:50%;box-shadow:0 0 12px #a1d7b033}main{max-width:1230px;margin:auto;padding:46px 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:650}h1{font-size:52px;line-height:1.12;letter-spacing:-2px;margin:17px 0 20px;font-weight:650}h1 span{color:var(--accent)}.intro p{color:var(--muted);font-size:16px;margin-bottom:30px}.workspace{display:grid;grid-template-columns:370px 1fr;gap:23px;margin-top:25px;align-items:start}.panel{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:26px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-heading h2{font-size:15px;font-weight:600;margin:0;flex:1}.step{font-size:10px;font-weight:650;color:var(--accent);border:1px solid #65548c;border-radius:5px;padding:2px 5px}.small{font-size:11px;color:var(--muted)}.dropzone{border:1px dashed #55505f;background:#b6a0ff04;border-radius:10px;min-height:170px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center}.dropzone:hover,.dropzone.dragover{background:#b6a0ff0b;border-color:var(--accent)}.dropzone strong{font-size:13px;max-width:100%;overflow-wrap:anywhere}.dropzone>span:last-of-type{font-size:11px;color:var(--muted)}.upload-icon{font-size:28px;color:var(--accent);line-height:1}#file{position:absolute;width:1px;height:1px;opacity:0}.dropzone:focus-within{outline:2px solid var(--accent)}.divider{height:1px;background:var(--line);margin:27px 0}.presets{display:flex;gap:6px;margin-bottom:24px}.presets button,.player-tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:7px 12px;font-size:12px}.presets button{flex:1}.presets .selected,.player-tabs .selected{border-color:#76639f;background:#b6a0ff14;color:#d1c2ff}.setting{display:block;margin:21px 0}.setting>span{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.setting output{font-family:Consolas,monospace;color:var(--accent);font-size:12px}.setting input{display:block;width:100%;margin:13px 0;accent-color:var(--accent);height:5px;cursor:pointer}.setting small{display:block;font-size:11px;line-height:1.6;color:var(--muted)}.primary{display:flex;justify-content:center;align-items:center;gap:18px;border:0;border-radius:7px;background:var(--accent);color:#221a37;font-weight:700;font-size:12px;padding:13px 18px;text-decoration:none}.primary:hover:enabled{background:#c4b1ff}.controls>.primary{width:100%;margin-top:28px}.primary span{font-size:18px;line-height:1}.footnote{font-size:10px;color:var(--muted);line-height:1.75;margin:14px 0 0}.badge{font-size:9px;letter-spacing:.5px;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:5px;white-space:nowrap}.player-shell{width:100%;aspect-ratio:16/9;border:1px solid #303039;border-radius:9px;background:radial-gradient(ellipse at center,#272530,#111216);display:flex;align-items:center;justify-content:center;overflow:hidden}.player-shell video{width:100%;height:100%;object-fit:contain}#placeholder{text-align:center}#placeholder strong{font-size:14px;font-weight:500}#placeholder p{font-size:11px;color:var(--muted);line-height:1.8}.play-icon{font-size:34px;color:var(--accent);width:58px;height:58px;margin:0 auto 20px;border:1px solid #76639f55;border-radius:50%;line-height:56px;background:#b6a0ff08}.player-tabs{display:flex;gap:7px;align-items:center;margin:13px 0 24px}.player-tabs button{font-size:10px;padding:5px 11px}.player-tabs span{margin-left:auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted)}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:20px 0}.stats>div{padding-left:18px;border-left:1px solid var(--line)}.stats>div:first-child{padding-left:0;border-left:0}.stats span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.stats strong{font-family:Consolas,monospace;font-size:25px;font-weight:500}.timeline-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:0 0 12px}.timeline-header strong{font-weight:500}.timeline-header span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.legend{width:7px;height:7px;background:var(--purple);border-radius:2px}canvas{display:block;width:100%;height:46px;border-radius:5px;background:#25262d}.cut-summary{display:flex;align-items:center;justify-content:space-between;margin:10px 0 24px;font-size:10px;color:var(--muted)}.text-button{border:0;background:transparent;color:var(--accent);font-size:11px;padding:5px 0}.export-actions{display:flex;gap:10px}.export-actions .primary{flex:1}.secondary{border:1px solid #494752;color:#d3d0dd;background:transparent;padding:10px 15px;border-radius:7px;font-size:11px}.notice{border:1px solid #65548c;background:#b6a0ff0a;color:#d6c9f7;padding:12px 15px;border-radius:7px;font-size:12px}.notice.error{border-color:#a85e61;color:#ffc0c0;background:#ff555508}.notice.success{color:#bbe2c6;border-color:#3d6851}.notice:empty{display:none}#health.success{padding:0;background:transparent;border:0;font-size:11px;color:#a0a2b1}.hidden{display:none!important}progress{width:100%;height:6px;accent-color:var(--accent)}.progress-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px}#uploadProgress{margin-top:10px}#workProgress{margin:15px 0}.recent{display:block;font-size:11px;color:var(--muted);margin-top:15px}.recent select{display:block;background:#24252c;color:var(--text);border:1px solid var(--line);width:100%;padding:7px;border-radius:5px;margin-top:6px}.danger{color:#b59397;margin-top:14px}footer{display:flex;justify-content:space-between;font-size:10px;color:#777987;margin-top:30px}#cuts{max-height:290px;overflow:auto;margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:var(--muted);font-weight:500;position:sticky;top:0;background:var(--panel)}th,td{padding:8px 5px;border-bottom:1px solid var(--line)}@media(max-width:1300px){main{margin:0 5%}}@media(max-width:950px){.workspace{grid-template-columns:310px 1fr;gap:15px}.panel{padding:20px}.badge{max-width:115px;overflow:hidden}.stats strong{font-size:21px}.export-actions{flex-wrap:wrap}.export-actions .primary{flex-basis:100%}}@media(max-width:720px){header{height:70px}.local{font-size:8px;letter-spacing:.8px}main{padding-top:30px}h1{font-size:43px}.workspace{grid-template-columns:1fr}.intro p{font-size:14px}.desktop{display:none}footer{flex-direction:column;gap:5px}.stats span{font-size:8px}.review .section-heading{flex-wrap:wrap}.badge{max-width:none}}

/* Browser edition: compact workspace and readable controls. */
body{font-size:16px}main{padding-top:25px}.intro h1{font-size:30px;letter-spacing:-.8px;margin:0 0 8px;line-height:1.2}.intro h1 span{color:var(--accent)}.intro p{font-size:14px;margin:0 0 14px}.workspace{grid-template-columns:400px 1fr;margin-top:20px}.section-heading h2{font-size:16px}.step,.small,.local,.badge,.footnote,footer{font-size:12px}.local{letter-spacing:1px}.dropzone{min-height:135px}.dropzone strong,.dropzone>span:last-of-type{font-size:14px}.setting>span,.setting output,.presets button,.player-tabs button,.primary,.secondary,.text-button{font-size:14px}.setting small{font-size:13px}.stats span,.timeline-header,.timeline-header span,.cut-summary{font-size:12px}.player-tabs span{font-size:12px}.notice{font-size:14px}#health.success{font-size:13px}#placeholder strong{font-size:16px}#placeholder p{font-size:14px}.progress-caption,table{font-size:13px}.export-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:15px}.export-setting select{background:#24252c;color:var(--text);border:1px solid var(--line);padding:8px;border-radius:6px;font-size:14px;max-width:60%}.export-actions{flex-wrap:wrap}.export-actions .primary{flex-basis:65%}.setting{margin:19px 0}#cuts{max-height:290px}.dropzone:has(input:disabled){opacity:.6;cursor:wait}@media(max-width:1000px){.workspace{grid-template-columns:340px 1fr}.badge{max-width:none;white-space:normal}.review .section-heading{flex-wrap:wrap}.stats strong{font-size:20px}.stats>div{padding-left:10px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.intro h1{font-size:28px}.local{font-size:11px}.export-actions .primary{flex-basis:100%}.export-setting{flex-wrap:wrap}.export-setting select{max-width:100%}}