:root{color-scheme:dark;--bg: #0f1115;--panel: #171a21;--accent: #4ade80;--text: #e8eaed;--muted: #9aa0aa}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.wrap{max-width:560px;margin:0 auto;padding:24px 18px 64px}h1{font-size:2rem;margin:0;letter-spacing:-.02em}.tagline{color:var(--muted);margin:4px 0 24px}.drop{display:flex;align-items:center;justify-content:center;text-align:center;min-height:120px;padding:18px;border:2px dashed #2c313c;border-radius:14px;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s}.drop.over,.drop:hover{border-color:var(--accent);background:#12161d}.error{color:#ff8080;background:#2a1414;padding:10px 14px;border-radius:10px}.player{margin-top:22px;background:var(--panel);border-radius:16px;padding:18px}.trackname{font-weight:600;margin-bottom:14px;word-break:break-word}.transport{display:flex;align-items:center;gap:12px}.transport input[type=range]{flex:1}.time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}button{font:inherit;border:none;border-radius:10px;padding:10px 16px;background:#232833;color:var(--text);cursor:pointer}button:hover{background:#2b313e}button:disabled{opacity:.5;cursor:default}.play.playing{background:var(--accent);color:#06210f}.pitch{margin-top:22px}.pitch-readout{font-size:1.4rem;font-weight:700;text-align:center;margin-bottom:16px;color:var(--accent);font-variant-numeric:tabular-nums}.slider-row{display:grid;grid-template-columns:84px 1fr 44px;align-items:center;gap:12px;margin:12px 0}.slider-row span{color:var(--muted);font-size:.9rem}.slider-row output{text-align:right;font-variant-numeric:tabular-nums}.ghost{background:transparent;border:1px solid #2c313c;width:100%;margin-top:6px}.export{width:100%;margin-top:22px;background:var(--accent);color:#06210f;font-weight:700;padding:14px}.export:hover{background:#6ee79b}.export-status{margin-top:10px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:28px;accent-color:var(--accent)}