.control-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}.control-grid>.panel{min-width:0;padding:18px}.control-grid .volume-display{display:block}.control-grid .volume-ring{width:min(145px,100%);height:auto;aspect-ratio:1;margin:0 auto 12px}.control-grid .level-bars{height:48px}.control-grid .volume-actions{grid-template-columns:auto minmax(0,1fr) auto}.control-grid .volume-actions .mute{grid-column:1/-1}.naming-grid,.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.naming-grid label{display:grid;gap:5px;margin:10px 0;font-weight:700;font-size:13px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line);margin:0}.action-row span small{display:block;color:var(--muted)}.diagnostic-controller{margin-bottom:20px}.diagnostic-values{display:grid;grid-template-columns:1fr 1fr;gap:14px}.diagnostic-values>div{background:#f6f8fb;border-radius:9px;padding:14px}.diagnostic-values small,.diagnostic-values strong,.diagnostic-values span{display:block}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.diagnostic-grid dt{color:var(--muted);margin-top:12px}.diagnostic-grid dd{margin:3px 0}.log-text{white-space:pre-wrap;max-height:160px;overflow:auto;background:#f6f8fb;padding:10px;border-radius:8px}.danger-zone{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.danger-zone .actions{margin:0}@media(max-width:850px){.control-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px}.control-grid>.panel{padding:8px}.control-grid .panel-head{display:block;margin-bottom:10px}.control-grid .panel-head .status{display:none}.control-grid .eyebrow{font-size:7px}.control-grid .panel-head h2{font-size:13px}.control-grid .volume-ring strong{font-size:22px}.control-grid .level-bars{height:28px;gap:1px}.control-grid .step{padding:3px 6px}.control-grid .source-list{gap:3px}.control-grid .source-list button{padding:5px 2px;font-size:8px;gap:1px}.control-grid .source-list button span{display:none}.control-grid .mini-control label{display:block;font-size:8px}.control-grid .mini-control strong{display:block}.control-grid .poll-note{font-size:7px}.naming-grid,.quick-grid,.feature-grid,.diagnostic-grid{grid-template-columns:1fr}.danger-zone{display:block}}