.zone-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.zone-control-card,.zone-access-card{background:linear-gradient(140deg,#1b2633,#111923);border:1px solid #34475a;border-radius:16px;padding:22px;min-width:0}.zone-control-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.zone-control-heading h3{margin:0;color:#dfedcf}.zone-control-heading>span{font:10px ui-monospace,monospace;color:#9fb3c6}.zone-control-card>p{font-size:11px;overflow-wrap:anywhere;color:#9cafc0}.zone-current-source{display:flex;gap:8px;flex-wrap:wrap}.zone-current-source strong{color:#d1eaa7}.zone-control-card label{display:block;margin:16px 0}.zone-control-card input[type=range],.zone-control-card select{width:100%;margin:9px 0}.zone-control-card .meter{margin:8px 0}.zone-control-card .meter-track{height:12px}.zone-control-card .meter-scale{display:none}.zone-technical-links{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #334558;margin-top:18px;padding-top:16px}.zone-technical-links button{font-size:11px}.zone-access-choice{display:flex;align-items:center;gap:10px;margin:12px 0}.zone-access-choice input{width:18px;height:18px;accent-color:var(--accent)}.zone-access-card h3{margin-top:0}.zone-access-card>button{margin-top:12px}.zone-hub-description{max-width:850px;color:#9eb2c4;font-size:12px;line-height:1.7}@media(max-width:640px){.zone-control-grid{grid-template-columns:1fr}.zone-control-card,.zone-access-card{padding:18px}}