#zone-controls{background:#f5f8f5;border:1px solid #b9cbbf;padding:16px;border-radius:12px}#zone-controls legend{font-size:16px}.zone-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.zone-actions button{flex:1;min-width:110px;font-size:12px}.zone-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;max-height:165px;overflow:auto}.zone-list button{display:flex;align-items:center;gap:7px;font-size:12px;text-align:left;padding:8px}.zone-list button[aria-pressed=true]{border:2px solid #18372d;background:#e6eee7}.zone-list span{width:22px;height:22px;border:1px solid #849a8a;display:block;border-radius:4px;flex-shrink:0}.zone-colour-inputs{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.zone-colour-inputs input[type=color]{width:100%;height:46px;padding:3px}.zone-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:12px 0}.zone-palette button{min-width:0;min-height:40px;padding:0;border:1px solid #9bafa1;border-radius:5px;box-shadow:inset 0 0 0 3px #fff}.zone-palette #zone-plus{font-size:26px;font-weight:700;background:#fff}#zone-message{font-size:12px;line-height:1.5;padding:10px;background:#e5ede7;margin:12px 0 0;border-radius:6px}.canvases canvas{touch-action:none}#zone-controls label{margin-bottom:9px}#zone-controls[disabled]{opacity:.6}#edit-colour-zones{display:block;margin:12px 0}