:root{--bg: #141413;--panel: #1d1d1b;--text: #e8e0d8;--muted: #9a938b;--accent: #c55934;--border: #2c2c2a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.toolbar,.controls{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.controls{border-bottom:none;border-top:1px solid var(--border)}.toolbar h1{font-size:16px;margin:0;font-weight:600}.spacer{flex:1}label{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}select,button,input[type=file]{font-size:13px}select,button{background:#2a2a28;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.counter,.meta{font-size:12px;color:var(--muted)}.waveform-wrap{position:relative;flex:1;padding:24px 20px;overflow:hidden}.waveform{background:#0f0f0e;border:1px solid var(--border);border-radius:8px}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:14px;pointer-events:none}.overlay.hint{color:var(--accent);font-weight:600}.loadbtn{background:#2a2a28;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:13px}.loadbtn input{display:none}.speed{display:inline-flex;gap:4px}.speed button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.zoom input{width:200px}.tip{margin:0;padding:10px 20px 20px;font-size:12px;color:var(--muted)}.tip code{color:var(--text);background:#2a2a28;padding:1px 5px;border-radius:4px}::part(region){font-size:11px}::part(region-content){color:#fff;padding:1px 3px;white-space:nowrap}