.handle-rotation{width:27px;height:27px;font-size:18px}
@media(max-width:720px){.handle-rotation{width:28px;height:28px}}
.layout-option{display:block;width:100%;margin:12px 0}
.drawing-toolbar{padding:16px 20px;background:#e5f5f8;border-bottom:1px solid #b5dce3}
.tool-group{display:flex;gap:6px;flex-wrap:wrap}
.tool-group button,.drawing-fields button{padding:8px 11px;font-size:12px}
.tool-group button{background:white;border:1px solid #9dc7cf;color:#173947}
.tool-group button[aria-pressed=true]{background:#007e97;color:white;border-color:#007e97}
.drawing-fields{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-top:10px}
.drawing-fields label{flex:1 1 180px;margin:0;font-size:12px}
.drawing-fields input{padding:9px;margin-top:5px;min-width:0}
#scale-entry{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
#scale-entry label{margin-bottom:0;flex:1 1 150px}
#scale-entry button{padding:11px}
#drawing-instruction{font-size:13px;line-height:1.5;margin:14px 0 6px;color:#173947}
.drawing-toolbar small{font-size:11px;color:#486570}
#drawing-layer{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;touch-action:none;overflow:hidden}
#stage[data-mode=select] #drawing-layer{cursor:move}
#stage:not([data-mode=camera]) #drawing-layer{cursor:crosshair}
#stage:not([data-mode=camera]) #markers{pointer-events:none}
#stage:not([data-mode=camera]) .camera{pointer-events:none;opacity:.5}
.drawing-object .selected-object{stroke:#00abc5}
.selected-object{filter:drop-shadow(0 0 3px #00abc5)}
.drawing-object line{pointer-events:stroke}
.drawing-object text{paint-order:stroke;stroke:#ffffff;stroke-width:3px;stroke-linejoin:round}
.coverage-legend{padding:14px 20px;background:#f6fcfc;border-top:1px solid #b5dce3;display:flex;gap:10px;flex-wrap:wrap;font-size:11px;line-height:1.5}
.coverage-legend span{display:inline-flex;gap:6px;align-items:center}
.coverage-legend i{display:inline-block;width:11px;height:11px;border-radius:3px}
.coverage-legend .green{background:#24b36b}.coverage-legend .orange{background:#f4a12a}.coverage-legend .red{background:#e25252}
.coverage-legend p{width:100%;margin:0;color:#486570}
#camera-distance:empty{display:none}
.editor{position:sticky;top:16px}
@media(max-width:720px){.editor{position:relative;top:auto}.drawing-toolbar{padding:12px}.tool-group button{min-height:40px}.drawing-fields button{min-height:36px}.coverage-legend{padding:12px}}

.camera-actions{display:flex;gap:6px}.camera-actions button{flex:1;padding:9px 6px;background:white;border:1px solid #9dc7cf;color:#173947;font-size:12px}.camera-actions button[aria-pressed=true]{background:#007e97;color:white}.camera{cursor:ew-resize}#stage[data-camera-action=move] .camera{cursor:grab}

.camera{cursor:grab}.camera:active{cursor:grabbing}

.dimension-fields{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:12px}.dimension-fields label{flex:1 1 140px;font-size:12px;margin:0}.dimension-fields input{margin-top:5px;padding:9px;min-width:0}.dimension-fields button{padding:10px;font-size:12px}.dimension-help{font-size:11px;line-height:1.5;color:#486570;margin:8px 0}