:root{--bg: #07080b;--panel: #12151c;--line: #222836;--text: #d7dce6;--dim: #7a8396;--accent: #5ee6c4;--warn: #f2b84b;--danger: #ff5a5a;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1{font-size:16px;font-weight:600;margin:0;letter-spacing:.02em}h2{font-size:12px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}button,select,input{font:inherit;color:var(--text);background:#1a1f2a;border:1px solid var(--line);border-radius:5px;padding:4px 9px}button{cursor:pointer}button:hover:not(:disabled){border-color:#3a4357}button:disabled{opacity:.4;cursor:default}button.primary{background:#1d3b35;border-color:#2e6b5e;color:var(--accent)}button.primary.on{background:var(--accent);color:#062019}button.danger:hover{border-color:var(--danger);color:var(--danger)}button.toggle.on{background:#2b2a1c;border-color:#6e5a26;color:var(--warn)}button.rec{color:#ff8a8a}button.rec.on{background:var(--danger);color:#fff;animation:pulse 1s infinite}button.big{font-size:16px;padding:10px 24px}@keyframes pulse{50%{opacity:.7}}.dim,.hint{color:var(--dim)}.error{color:var(--danger)}.splash{max-width:520px;margin:15vh auto;text-align:center;line-height:1.6;padding:0 16px}.app{padding:12px;display:flex;flex-direction:column;gap:12px}.top{display:flex;align-items:center;justify-content:space-between}.input-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.input-bar .group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meter{width:160px;height:12px;border-radius:3px}.readout{display:flex;gap:18px;margin-left:auto}.readout div{display:flex;flex-direction:column}.readout span{font-size:10px;color:var(--dim);text-transform:uppercase}.readout b{font-family:ui-monospace,monospace;font-size:15px;min-width:90px}.readout b.clip{color:var(--danger)}.ctl{display:inline-flex;align-items:center;gap:6px;color:var(--dim)}.ctl input[type=range]{width:90px;padding:0;accent-color:var(--accent)}.ctl output{font-family:ui-monospace,monospace;min-width:40px;color:var(--text)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.panel-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.panel-body{padding:8px;flex:1;min-height:0}.viz-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.viz-grid>:nth-child(3){grid-column:1 / -1}.plot{display:block;width:100%;height:280px;border-radius:4px}.viz-grid>:nth-child(3) .plot{height:220px}.bottom-grid{display:grid;grid-template-columns:minmax(320px,1fr) 2fr;gap:12px;align-items:start}@media(max-width:1000px){.viz-grid,.bottom-grid{grid-template-columns:1fr}}.empty{color:var(--dim);margin:6px 4px;line-height:1.5}.sample-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto}.sample-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.sample-row .name{flex:1;min-width:60px;background:transparent;border-color:transparent}.sample-row .name:focus{border-color:var(--line)}.sample-row button{padding:2px 7px;font-size:12px}.wave{display:block;width:100%;height:56px;border-radius:4px;cursor:ew-resize;touch-action:none}.tracks{display:flex;flex-direction:column;gap:8px}.track{border-left:3px solid;padding-left:8px}.track-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.track-controls select{max-width:160px}.track-controls button{padding:2px 7px;font-size:12px}.num{display:inline-flex;align-items:center;gap:4px;color:var(--dim)}.num input{width:64px;padding:2px 5px;font-family:ui-monospace,monospace}.lane{display:block;width:100%;height:34px;border-radius:4px}