:root{--bg:#f4f2ec;--panel:#fbfaf6;--panel-2:#efece4;--ink:#1d211f;--ink-2:#545b56;--ink-3:#858b86;--rule:#dcd8cd;--accent:#0f7a4a;--accent-ink:#fff;--accent-soft:#dcefe3;--warn:#9a5b00;--warn-soft:#fbecd2;--err:#b3261e;--err-soft:#f9dedc;--wave:#0f7a4a;--wave-dim:#a9c9b5;--scope:#11160f;--radius:12px;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1311;--panel:#161b18;--panel-2:#1c2320;--ink:#e6ebe7;--ink-2:#a9b3ad;--ink-3:#75807a;--rule:#2a332e;--accent:#78e0a0;--accent-ink:#0b1a11;--accent-soft:#1d3326;--warn:#f0b458;--warn-soft:#33270f;--err:#ff8a80;--err-soft:#3a1c1a;--wave:#78e0a0;--wave-dim:#2f5a41;--scope:#0a0e0c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1311;--panel:#161b18;--panel-2:#1c2320;--ink:#e6ebe7;--ink-2:#a9b3ad;--ink-3:#75807a;--rule:#2a332e;--accent:#78e0a0;--accent-ink:#0b1a11;--accent-soft:#1d3326;--warn:#f0b458;--warn-soft:#33270f;--err:#ff8a80;--err-soft:#3a1c1a;--wave:#78e0a0;--wave-dim:#2f5a41;--scope:#0a0e0c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}code,.mono{font-family:var(--mono);font-size:.92em}.shell{max-width:1180px;margin:0 auto;padding:20px 16px 64px}header.top{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:14px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand svg{width:34px;height:34px}.brand h1{letter-spacing:-.01em;margin:0;font-size:19px}.brand p{color:var(--ink-3);margin:0;font-size:13px}.top .spacer{flex:1}.pill{border:1px solid var(--rule);background:var(--panel);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.pill .dot{background:var(--ink-3);border-radius:50%;width:7px;height:7px}.pill.ok .dot{background:var(--accent)}.pill.bad .dot{background:var(--err)}.pill.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.pill.free{background:var(--accent-soft);color:var(--accent);border-color:#0000}.icon-btn{border:1px solid var(--rule);cursor:pointer;color:var(--ink-2);background:0 0;border-radius:8px;padding:4px 8px}nav.tabs{scrollbar-width:none;border-bottom:1px solid var(--rule);gap:4px;margin:14px 0 18px;display:flex;overflow-x:auto}nav.tabs button{cursor:pointer;color:var(--ink-2);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 12px;font-weight:500}nav.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (max-width:860px){.grid{grid-template-columns:minmax(0,1fr)}}.card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);padding:16px}.card+.card{margin-top:16px}.card h2{margin:0 0 10px;font-size:15px}.card h3{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px;font-size:13px}.muted{color:var(--ink-3);font-size:13px}.lede{color:var(--ink-2);margin:0 0 12px;font-size:14px}label.field{color:var(--ink-2);flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:500;display:flex}input[type=text],input[type=search],input[type=password],select,textarea{background:var(--bg);border:1px solid var(--rule);border-radius:8px;width:100%;min-width:0;padding:8px 10px}textarea{resize:vertical;min-height:140px;line-height:1.55}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}@media (max-width:480px){.controls{grid-template-columns:minmax(0,1fr)}}.controls .span2{grid-column:1/-1}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--rule);background:var(--panel-2);cursor:pointer;color:var(--ink-2);border-radius:999px;padding:4px 10px;font-size:12.5px}.chip:hover{color:var(--ink);border-color:var(--ink-3)}.chip.on{background:var(--accent-soft);color:var(--accent);border-color:#0000}.btn{border:1px solid var(--rule);background:var(--panel-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink-3)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.danger{color:var(--err)}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.counter{color:var(--ink-3);font-size:12px;font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin-top:4px;display:flex}.scope{background:var(--scope);--wave:#78e0a0;--wave-dim:#2f5a41;--rule:#1f2a24;border-radius:10px;padding:10px;position:relative}.scope canvas{cursor:pointer;width:100%;height:120px;display:block}.scope .empty{color:#5d6b63;font-size:13px;font-family:var(--mono);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}audio{width:100%;margin-top:10px}.metrics{background:var(--rule);border:1px solid var(--rule);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:12px;display:grid;overflow:hidden}@media (max-width:480px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric{background:var(--panel);min-width:0;padding:8px 10px}.metric .k{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.metric .v{font-family:var(--mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:15px}.metric .s{color:var(--ink-3);font-size:11px}.banner{border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13.5px}.banner.err{background:var(--err-soft);color:var(--err)}.banner.warn{background:var(--warn-soft);color:var(--warn)}.banner.info{background:var(--accent-soft);color:var(--accent)}.banner[hidden]{display:none}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th{text-align:left;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--rule);padding:6px 8px;font-size:11.5px;font-weight:500}table.data td{border-bottom:1px solid var(--rule);vertical-align:top;padding:7px 8px}table.data td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.table-wrap{overflow-x:auto}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:12px;display:grid}.voice{border:1px solid var(--rule);background:var(--panel);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.voice .name{font-weight:600}.voice .meta{color:var(--ink-3);font-size:12px}.voice .desc{color:var(--ink-2);flex:1;font-size:12.5px}.voice .row{margin-top:6px}.voice .btn{padding:4px 10px;font-size:12.5px}.ab{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:14px;display:grid}.ab .card{margin:0}.ab .scope canvas{height:70px}.ab .style-name{font-family:var(--mono);font-size:13px}.kv{grid-template-columns:max-content 1fr;gap:4px 12px;font-size:13px;display:grid}.kv dt{color:var(--ink-3)}.kv dd{font-family:var(--mono);overflow-wrap:anywhere;margin:0}.prose{max-width:72ch}.prose h2{margin-top:22px;font-size:16px}.prose li{margin:4px 0}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
