:root{--bg: #0d1117;--bg-elev: #161b22;--bg-elev-2: #1f2630;--fg: #e6edf3;--fg-dim: #9da7b3;--accent: #7ee787;--accent-2: #79c0ff;--warn: #ffa657;--danger: #ff7b72;--border: #30363d;--radius: 10px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;color-scheme:dark}@media (prefers-color-scheme: light){:root{--bg: #fafbfc;--bg-elev: #ffffff;--bg-elev-2: #f3f4f6;--fg: #1f2328;--fg-dim: #57606a;--accent: #1a7f37;--accent-2: #0969da;--warn: #9a6700;--danger: #cf222e;--border: #d0d7de;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;font-size:.95rem;background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem 1rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 60ms ease}button:hover:not(:disabled){border-color:var(--accent-2)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent-2);color:#0d1117;border-color:transparent;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.1)}button.danger{background:var(--danger);color:#0d1117;border-color:transparent;font-weight:600}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:var(--border);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-2);border-radius:50%;cursor:pointer;border:2px solid var(--bg);margin-top:-1px}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent-2);border-radius:50%;cursor:pointer;border:2px solid var(--bg)}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 2rem;gap:1.25rem}header.brand{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}header.brand h1{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.01em}header.brand .tag{color:var(--fg-dim);font-size:.95rem}header.brand .badge{font-family:var(--mono);font-size:.75rem;padding:.15rem .5rem;border:1px solid var(--border);border-radius:999px;color:var(--fg-dim)}main{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 880px){main{grid-template-columns:1.4fr 1fr}}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem}.card h2{margin:0;font-size:.95rem;font-weight:600;letter-spacing:.01em;text-transform:uppercase;color:var(--fg-dim)}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row>.grow{flex:1;min-width:120px}.control{display:grid;grid-template-columns:110px 1fr 64px;align-items:center;gap:.75rem}.control label{font-size:.88rem;color:var(--fg-dim)}.control .value{font-family:var(--mono);font-size:.85rem;text-align:right;color:var(--fg)}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.toggle-grid button{text-align:left;display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem}.toggle-grid button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elev-2))}.toggle-grid button .name{font-weight:600}.toggle-grid button .hint{font-size:.8rem;color:var(--fg-dim)}#spectrogram{width:100%;height:220px;background:#000;border-radius:var(--radius);display:block}@media (max-width: 600px){#spectrogram{height:280px}button{min-height:44px;padding:.7rem 1rem}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:22px;height:22px}.control{grid-template-columns:90px 1fr 56px}}#meter{width:100%;height:6px;background:var(--bg-elev-2);border-radius:3px;overflow:hidden}#meter>.fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--warn),var(--danger));transition:width 60ms linear}.status{font-family:var(--mono);font-size:.8rem;color:var(--fg-dim)}.status.ok{color:var(--accent)}.status.warn{color:var(--warn)}.status.err{color:var(--danger)}footer{font-size:.85rem;color:var(--fg-dim);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}footer a{color:inherit}.hidden{display:none!important}.analysis-output{font-family:var(--mono);font-size:.82rem;white-space:pre-wrap;max-height:280px;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}