.drawing-toolbar{align-items:center;flex-wrap:wrap}.zoom-tools{align-items:center;gap:5px;flex-wrap:wrap}.zoom-tools button{min-width:39px;min-height:37px;font-size:19px;padding:4px 10px}.zoom-tools #zoomFit{font-size:12px}.zoom-tools output{min-width:48px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;font-weight:650}input#zoomRange{width:110px;padding:0;accent-color:var(--accent);border:0;height:25px}.zoom-caption{font-size:11px;color:var(--muted);margin-right:5px}.plan-controls{padding:12px 15px;border-bottom:1px solid var(--line);background:#f8fbfc}.paint-modes,.quick-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.paint-modes{margin-bottom:9px}.paint-modes button,.quick-filters button{font-size:12px;padding:6px 10px}.paint-modes button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.quick-filters button[aria-pressed=true]{border-color:#4c7c90;background:#e4f0f5;box-shadow:inset 0 0 0 1px #4c7c90}.quick-filters>span{font-size:11px;color:var(--muted);margin-right:5px}#paintLegend{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:10px 0 2px}#paintLegend strong{font-size:11px}.multi-color-key{width:32px;height:13px;background:linear-gradient(90deg,#ed5559 0 25%,#e965ca 25% 50%,#edc849 50% 75%,#78c5e5 75%);border-radius:3px;border:1px solid #9bb3be}.paint-key{width:13px;height:13px;display:inline-block;border:1px solid #879faa;border-radius:3px}.occupied-key{background:#f0a971}.free-key{background:#70c4ed}.gesture-hint{font-size:10px;color:var(--muted);margin:5px 15px 9px}.room-polygon{stroke-width:1;vector-effect:non-scaling-stroke}.room-polygon.selected,.room-polygon.receiving,.room-polygon.hover,.room-polygon:focus{stroke-width:2.5;vector-effect:non-scaling-stroke}.room-polygon.receiving{stroke-dasharray:5 3}.room-detail{max-height:960px}#planViewport{height:650px}.room-label{font-size:9px;stroke-width:2.4px}#filterNote{margin:8px 0 0;font-size:10px}
@media(min-width:1550px){#planViewport{height:760px}}@media(max-width:750px){.zoom-tools{width:100%;justify-content:space-between}.zoom-tools input#zoomRange{flex:1;max-width:160px}.zoom-caption{display:none}#planViewport{height:560px}.paint-modes button{flex:1;min-width:110px}.quick-filters button{font-size:11px}.plan-controls{padding:10px}.gesture-hint{margin:8px 10px}.room-detail{max-height:none}}@media print{.plan-controls,.gesture-hint{display:none!important}}