:root{--bg:#f7f3ec;--surface:#fffdf8;--surface-2:#f0e8da;--text:#1f211c;--muted:#716b61;--line:#ded2c1;--accent:#0f6f68;--accent-strong:#174b45;--accent-soft:#dcefed;--brass:#c08a2d;--brick:#b94735;--danger:#b94735;--ok:#2e8b57;--warn:#b17410;--shadow:0 18px 50px #362d2021;--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{background:linear-gradient(#fffdf8eb,#f7f3ecdb),repeating-linear-gradient(90deg,#1f211c09 0 1px,#0000 1px 92px);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}.topbar-actions{flex:none;align-items:center;gap:10px;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:800}.github-link{border:1px solid var(--line);min-height:40px;color:var(--accent-strong);background:#fffdf8c7;border-radius:999px;align-items:center;padding:0 13px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.github-link:hover{border-color:var(--accent)}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:760px;font-size:4.8rem;line-height:.93}h2{font-size:1rem}.status-pill{border:1px solid var(--line);color:var(--muted);background:#fffdf8c7;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:#fbf7ef;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:#e4dacb;border-radius:999px;width:150px;height:10px;position:relative;overflow:hidden}.vu-track i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--brass), var(--brick));width:0%;height:100%;transition:width 80ms linear;display:block}.eq-grid{border:1px solid var(--line);background:linear-gradient(to top, #0f6f681f, 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:#e9dfd0;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}.mobile-access{border:1px solid var(--line);background:#fffdf8c7;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:16px;display:flex}.mobile-access p{color:var(--muted);margin-top:5px}.qr-card{color:var(--accent-strong);font-family:var(--mono);text-align:center;justify-items:center;gap:8px;font-size:.8rem;font-weight:700;text-decoration:none;display:grid}.qr-card img{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px;display:block}@media (width<=860px){.shell{width:min(100% - 20px,680px);padding-top:14px}.topbar{flex-direction:column;align-items:start}.topbar-actions{flex-wrap:wrap;width:100%}h1{font-size:3.2rem}.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}.mobile-access{flex-direction:column;align-items:start}}@media (width<=520px){h1{font-size:2.45rem}.status-pill,.github-link{justify-content:center;width:100%}.qr-card{width:100%}}