:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8e8e8;background:#151515;font-size:15px;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{padding:22px 5vw;border-bottom:1px solid #333;display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{font-size:12px;letter-spacing:.1em;font-weight:700}.brand span{color:#929292;font-weight:400}.pill{font-size:12px;border:1px solid #444;border-radius:30px;padding:5px 13px;color:#ccc}main{max-width:1180px;margin:auto;padding:50px 24px}.intro{max-width:780px;margin-bottom:38px}h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.05em;line-height:1.12;margin:12px 0 22px;font-weight:600}h2{font-size:23px;letter-spacing:-.025em;margin:6px 0 10px}h3{font-size:18px}p{margin:8px 0 18px;color:#b9b9b9}.lead{font-size:19px;color:#d0d0d0}.eyebrow{font-size:11px;letter-spacing:.13em;color:#a7bce0}.muted,.hint{color:#999;font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sample{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}section{background:#1d1d1d;border:1px solid #353535;border-radius:14px;padding:27px;margin-bottom:22px;min-width:0}.grid section{margin-bottom:22px}label{display:block;font-size:13px;color:#ccc;margin:10px 0 7px}textarea,input,select{width:100%;background:#252525;color:#eee;border:1px solid #4b4b4b;border-radius:7px;font:inherit;padding:10px 12px}textarea{resize:vertical}button{font:inherit;font-size:13px;font-weight:600;border:1px solid #b8c9e4;background:#c0d3f0;color:#17202c;padding:10px 15px;border-radius:7px;cursor:pointer}button.secondary{background:#303030;color:#eee;border-color:#515151}button.quiet{background:transparent;color:#bbb;border-color:transparent}button:disabled{opacity:.42;cursor:default}button:hover:enabled{filter:brightness(1.15)}:focus-visible{outline:2px solid #8bb8ff;outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0 10px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid #383838;vertical-align:top}th{color:#aaa;font-weight:500}td:first-child{width:23%;color:#eee;font-weight:600}td{color:#b9b9b9}.table-wrap{overflow:auto}summary{cursor:pointer;padding:18px 0 6px;color:#cad7ed}details li{margin:8px 0;color:#bbb}.compact{gap:8px 20px}form>button{margin-top:16px}.results-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.results{padding:0;list-style:none}.results li{padding:15px 0;border-top:1px solid #393939;overflow-wrap:anywhere}.results p{font-size:13px;margin:5px 0}.results details{font-size:13px}pre{white-space:pre-wrap;font-size:12px;color:#aaa}footer{font-size:12px;color:#999;padding:10px 0 30px}a{color:#b5ccef}code{color:#ddd}#count{color:#999;margin-left:8px}#tts-status,#stt-status{font-size:13px;color:#b9ccec;min-height:42px}@media(max-width:740px){header{align-items:flex-start}.brand span{display:block}.pill{max-width:150px;text-align:center}main{padding:30px 16px}.grid,.sample{grid-template-columns:1fr;gap:0}section{padding:20px}.results-head{display:block}td:first-child{min-width:150px}td{min-width:210px}.compact{gap:8px}}

meter{width:100%;height:18px;accent-color:#b5ccef}#mic-status{font-size:13px;color:#b9ccec;min-height:42px}