:root{--bg:#f6f7f4;--surface:#fff;--surface-2:#eef2f1;--text:#17201f;--muted:#66736f;--line:#d8dfda;--accent:#0e7c86;--accent-strong:#075e66;--accent-soft:#d8f0ef;--danger:#b94735;--ok:#2e8b57;--warn:#b17410;--shadow:0 18px 50px #1f2d2b1f;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea,input,select{font:inherit}button{border:1px solid var(--line);min-height:44px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:7px;padding:0 16px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.48}button.primary{color:#fff;border-color:var(--accent);background:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-strong)}button.ghost{background:var(--surface-2);min-height:36px;padding-inline:12px}#app{min-height:100vh}.shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:28px 0 36px}.topbar{justify-content:space-between;align-items:end;gap:24px;padding:10px 0 24px;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:760px;font-size:clamp(2.35rem,5vw,5.6rem);line-height:.93}h2{font-size:1rem}.status-pill{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:999px;flex:none;padding:9px 13px}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:16px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.input-panel{flex-direction:column;min-height:520px;display:flex}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.panel-head p,.muted{color:var(--muted);font-size:.9rem}textarea{width:100%;min-height:420px;color:var(--text);font-family:var(--mono);resize:vertical;background:0 0;border:0;outline:none;flex:1;padding:18px;font-size:.94rem;line-height:1.55}textarea::placeholder{color:#87918e}.warning{color:var(--warn);margin:0 16px 16px;font-size:.9rem}.controls-panel{flex-direction:column;gap:22px;padding:18px;display:flex}.control-block{gap:10px;display:grid}label,summary,dt{color:var(--text);font-size:.86rem;font-weight:750}.mode-row{grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:12px;display:grid}input[type=range]{width:100%;accent-color:var(--accent)}select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:var(--surface);border-radius:7px;padding:0 12px}.preview-block,.visualizer-block{border:1px solid var(--line);background:#f8faf8;border-radius:8px;gap:12px;padding:14px;display:grid}.preview-grid{gap:8px;margin:0;display:grid}.preview-grid div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;display:grid}.preview-grid dd{font-family:var(--mono);text-align:right;margin:0;font-size:.9rem}.visualizer-head,.vu-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.visualizer-head span,.vu-row span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:750}.vu-track{background:#dbe3e0;border-radius:999px;width:150px;height:10px;position:relative;overflow:hidden}.vu-track i{border-radius:inherit;background:linear-gradient(90deg,#4f9a73,#d3a12f,#b94735);width:0%;height:100%;transition:width 80ms linear;display:block}.eq-grid{border:1px solid var(--line);background:linear-gradient(to top, #0e7c861f, transparent), var(--surface);border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:6px;height:96px;padding:10px;display:grid}.eq-bar{background:#e5ece8;border-radius:999px;align-items:end;height:100%;display:flex}.eq-bar i{border-radius:inherit;background:var(--accent);opacity:.45;width:100%;height:7%;transition:height 80ms linear,opacity 80ms linear;display:block}.button-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button-grid button:first-child,.button-grid button:last-child{grid-column:span 2}.listening{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}details{border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer}.spec-list{gap:10px;margin:14px 0 0;display:grid}.spec-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:8px;display:flex}.spec-list dd{color:var(--muted);text-align:right;margin:0}.telemetry{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:16px;display:grid;overflow:hidden}.telemetry div{background:var(--surface);gap:5px;min-height:76px;padding:13px 14px;display:grid}.telemetry span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:750}.telemetry strong{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.chunk-strip{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.chunk{border:1px solid var(--line);background:var(--surface);border-radius:4px;width:18px;height:18px}.chunk.empty{background:var(--surface-2);width:100%;height:10px}.chunk.pending{background:#dce4e1}.chunk.ok{background:var(--ok);border-color:#2e8b5759}.chunk.bad{background:var(--danger);border-color:#b9473559}@media (width<=860px){.shell{width:min(100% - 20px,680px);padding-top:14px}.topbar{flex-direction:column;align-items:start}.workspace{grid-template-columns:1fr}.input-panel{min-height:430px}textarea{min-height:310px}.telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry div:last-child{grid-column:span 2}}