:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0d1526;color:#edf3ff;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:40px 24px 64px}header{margin-bottom:28px}h1{font-size:clamp(1.75rem,4vw,2.4rem);margin:10px 0;letter-spacing:-.03em}h2{font-size:1.1rem;margin:0 0 14px}p{line-height:1.65;margin:12px 0}.eyebrow{color:#6ee7b1;font-size:.875rem}header p,.muted,.help p{color:#aebed5}.panel{background:#141e33;border:1px solid #293951;border-radius:18px;padding:24px;margin-bottom:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{margin:0}.tag{color:#bcd1e6;background:#22324a;font-size:.875rem;border-radius:6px;padding:5px 9px}label{display:block;font-size:.875rem;margin:14px 0 8px;color:#c8d6e9}.select-row,.actions{display:flex;flex-wrap:wrap;gap:12px}select,input{min-height:46px;border-radius:9px;border:1px solid #526780;background:#0d1526;color:#edf3ff;padding:10px 12px;font:inherit;min-width:0}select{flex:1;width:100%}input{width:100%}button{min-height:46px;border-radius:9px;padding:10px 18px;font:inherit;font-weight:600;border:1px solid transparent;cursor:pointer}.primary{color:#052515;background:#64e6aa}.secondary{color:#e4eeff;background:#20304a;border-color:#425779}button:disabled,select:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #64e6aa;outline-offset:3px}button:not(:disabled):hover{filter:brightness(1.12)}.actual{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:18px;border-top:1px solid #293951}.actual strong{overflow-wrap:anywhere}#status{color:#9fe6c1;min-height:3.3em}#status.error{color:#ffc58b}.scope{position:relative;background:#0d1526;border-radius:10px;height:180px;overflow:hidden}canvas{width:100%;height:100%;display:block}#scope-hint{position:absolute;inset:0;display:grid;place-items:center;color:#9bacc4;pointer-events:none;padding:20px;text-align:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.metrics span{display:block;color:#aebed5;font-size:.875rem}.metrics strong{display:block;font-size:1.3rem;margin-top:7px;font-variant-numeric:tabular-nums}audio{width:100%;margin-top:12px}@media (max-width: 520px){main{padding:24px 14px}.panel{padding:18px}.select-row select{flex-basis:100%}.metrics strong{font-size:1rem}.actions button{flex:1}}