:root{color-scheme:dark;font:15px system-ui,sans-serif;background:#101821;color:#e9f1f7;--muted:#a6bac9;--line:#314453;--accent:#a7e2ff}
*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:0 auto;padding:30px 24px}header{margin-bottom:22px}h1{font-size:clamp(32px,6vw,53px);letter-spacing:-.05em;margin:2px 0}h2{margin:0 0 14px;font-size:19px}p{margin:8px 0}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:750}.panel{background:#192632;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}.row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.row label{display:inline-flex;gap:7px;align-items:center}.transport{margin-bottom:12px}.edit{margin-top:12px}button,.file,input,select{font:inherit}button,.file{border:1px solid #496174;border-radius:6px;padding:7px 11px;background:#253a49;color:#eef8ff;cursor:pointer}.file{position:relative;background:#a7e2ff;color:#14222b;font-weight:650;overflow:hidden}.file.secondary{background:#253a49;color:#eef8ff;font-weight:500}.file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file:focus-within{outline:2px solid var(--accent)}button:hover:not(:disabled){background:#35566c}button:disabled,.file:has(input:disabled){opacity:.48;cursor:default}input:not([type=file]):not([type=checkbox]),select{border:1px solid #496174;border-radius:5px;padding:5px 7px;background:#111d26;color:inherit}input[type=number]{width:88px}#beatList{max-width:200px}#wave{width:100%;height:245px;display:block;background:#0d1923;border-radius:6px;touch-action:none;cursor:grab}#clock{font-variant-numeric:tabular-nums;min-width:74px}#status{min-height:1.3em;color:var(--accent)}#status.error{color:#ffb6ab}.hint,#filename,details{color:var(--muted);font-size:13px}.hint{margin:10px 0}details{margin-top:10px}details label{display:block;margin-top:5px}@media(max-width:600px){main{padding:18px 10px}#wave{height:180px}}

#scrollWave{display:block;width:100%;margin:10px 0 0;accent-color:var(--accent)}