body{font-size:15px;line-height:1.45}h1{margin:0;font-size:22px;font-weight:600}h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:15px;font-weight:600}a{color:var(--accent)}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:14px}.controls{flex-direction:column;gap:10px;display:flex}.ctl-row{align-items:center;gap:10px;display:flex}.ctl-row>span{width:64px;color:var(--text-dim)}.ctl-select,.ctl-input{border:1px solid var(--line);background:var(--bg-elev-2);border-radius:8px;flex:1;min-width:0;padding:9px 10px}.ctl-input{width:100%}.ctl-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctl-btn{border:1px solid var(--line);background:var(--bg-elev-2);cursor:pointer;touch-action:manipulation;border-radius:8px;padding:10px 14px}.ctl-btn.is-pressed{background:var(--bg-elev-3)}.ctl-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ctl-warn{border-color:#6a312c}.ctl-check{color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.feedback{min-height:1.4em;font-size:14px}