:root{--drawing-toolbar-height:50px}body:has(#workspaceToolbar:not([hidden])){--workspace-header-height:154px}
#workspaceToolbar{position:absolute;left:0;right:0;top:104px;height:50px;z-index:33;display:flex;align-items:center;gap:6px;padding:5px 12px;background:#17232e;border-bottom:1px solid #3d5060;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap}
#workspaceToolbar[hidden]{display:none}#workspaceToolbar button{flex:none;min-height:32px;font-size:12px;padding:6px 9px}#workspaceToolbar button[aria-pressed=true]{background:#267359;border-color:#9de4c3}#workspaceToolbar button:disabled{opacity:.4;cursor:default}#workspaceToolbar select{flex:0 1 200px;min-width:110px;max-width:220px;height:32px;font-size:12px}#workspaceToolStatus{overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#b9d0df;min-width:90px}#workspaceToolbar .tool-separator{height:20px;border-left:1px solid #456072;margin:0 2px}
#workspaceTextDialog{color:#edf4fa;background:#16232e;border:1px solid #7292aa;border-radius:12px;width:min(420px,calc(100vw - 28px));padding:20px}#workspaceTextDialog::backdrop{background:#0008}#workspaceTextDialog h2{margin:0 0 14px;font-size:19px}#workspaceTextDialog label{display:block;margin:10px 0;font-size:13px}#workspaceTextDialog input,#workspaceTextDialog textarea,#workspaceTextDialog select{display:block;width:100%;margin-top:5px;padding:9px;color:#fff;background:#0d1720;border:1px solid #607e94;border-radius:5px;font:inherit}#workspaceTextDialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:700px){#viewModes{left:60px;right:105px;justify-content:flex-start;overflow-x:auto}#workspaceToolbar{padding-left:7px;gap:4px}#workspaceToolbar button{font-size:11px;padding:5px 7px}#workspaceToolStatus{display:none}}

#workspaceToolbar #cadToolbar button{width:auto;font:700 12px inherit;padding:6px 9px;line-height:1.2}#workspaceToolbar #cadToolbar{gap:5px}#workspaceGpsDialog{color:#fff;background:#16232e;border:1px solid #7292aa;border-radius:10px;padding:20px}#workspaceGpsDialog select{display:block;max-width:100%;margin:8px 0;padding:8px}

#workspaceToolbar::-webkit-scrollbar{height:6px}#workspaceToolbar::-webkit-scrollbar-thumb{background:#648398;border-radius:4px}
#workspaceToolbar #cadToolbar{position:static;inset:auto;display:flex;flex:0 0 auto;width:auto;height:auto;transform:none;justify-content:flex-start}
@media(max-width:600px){
 :root{--workspace-controls-top:calc(58px + env(safe-area-inset-top));--workspace-header-height:calc(110px + env(safe-area-inset-top))}
 body:has(#workspaceToolbar:not([hidden])){--workspace-header-height:calc(170px + env(safe-area-inset-top))}
 #app #viewModes{display:flex;position:absolute;top:calc(58px + env(safe-area-inset-top));left:60px;right:106px;height:50px;overflow:hidden;justify-content:flex-start}
 #app #workspaceTabs.help-layout{position:static;display:flex;flex-wrap:nowrap;flex:1 1 auto;min-width:0;width:100%;height:50px;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;grid-template-columns:none}
 #app #workspaceTabs button{flex:0 0 auto;min-height:44px;height:44px;padding:4px 8px;font-size:11px;white-space:nowrap}
 #app #workspaceTabs::-webkit-scrollbar{height:5px}#app #workspaceTabs::-webkit-scrollbar-thumb{background:#648398;border-radius:4px}
 #workspaceToolbar{top:calc(110px + env(safe-area-inset-top));height:60px;padding:4px 6px;gap:4px}
 #workspaceToolbar button,#workspaceToolbar #cadToolbar button{min-height:44px;height:44px;font-size:11px;padding:5px 7px}
 #workspaceToolbar select{height:44px}#app #panelToggle,#cadPanelToggle,#resetDrawing{top:calc(58px + env(safe-area-inset-top));min-height:44px;height:44px}
 #resetDrawing{right:6px;width:94px;padding:4px;font-size:11px}#workspaceToolStatus{display:none}
}

/* Compact icons retain accessible names and native hover tooltips. */
#workspaceToolbar button.workspace-icon-button,#workspaceToolbar #cadToolbar button.workspace-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:7px;line-height:1;flex:0 0 36px}
#workspaceToolbar .workspace-icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#workspaceToolbar button[hidden]{display:none!important}
#workspaceToolbar button:focus-visible{outline:2px solid #9de4c3;outline-offset:2px}
#workspaceSaveDialog{color:#edf4fa;background:#16232e;border:1px solid #7292aa;border-radius:12px;width:min(460px,calc(100vw - 28px));padding:20px}
#workspaceSaveDialog::backdrop{background:#0008}#workspaceSaveDialog h2{font-size:19px;margin:0 0 14px}#workspaceSaveDialog p{font-size:14px;line-height:1.6}#workspaceSaveDialog .dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
@media(max-width:600px){#workspaceToolbar button.workspace-icon-button,#workspaceToolbar #cadToolbar button.workspace-icon-button{width:44px;height:44px;min-height:44px;flex-basis:44px;padding:10px}#workspaceToolStatus:not(:empty){display:block;position:fixed;left:10px;right:10px;bottom:35px;z-index:60;max-width:calc(100vw - 20px);padding:8px 12px;border-radius:7px;background:#16232eee;pointer-events:none;white-space:normal;font-size:12px}}

#workspaceLayerColor{box-shadow:inset 0 -3px var(--selected-layer-color,#bacad6)}
#workspaceLayerDialog{color:#edf4fa;background:#16232e;border:1px solid #7292aa;border-radius:12px;width:min(410px,calc(100vw - 28px));padding:20px}
#workspaceLayerDialog::backdrop{background:#0008}#workspaceLayerDialog h2{font-size:19px;margin:0 0 16px}
#workspaceLayerDialog .layer-name-label{display:block;font-size:13px}#workspaceLayerName{display:block;width:100%;margin:7px 0 16px;padding:9px;color:#fff;background:#0d1720;border:1px solid #607e94;border-radius:5px;font:inherit}#workspaceLayerName:read-only{color:#c6d2dd}
#workspaceLayerColors{border:1px solid #456072;border-radius:8px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#workspaceLayerColors legend{font-size:13px;padding:0 5px}
#workspaceLayerColors .layer-color-choice{display:flex;align-items:center;gap:8px;min-height:40px;padding:5px 8px;background:#0d1720;border:1px solid #456072;border-radius:6px;cursor:pointer;font-size:13px}#workspaceLayerColors .layer-color-choice:has(input:checked){border-color:#9de4c3;background:#21533f}#workspaceLayerColors input{margin:0;width:15px;height:15px;accent-color:#95d9af}#workspaceLayerColors .layer-color-dot{width:18px;height:18px;border-radius:3px;border:1px solid #b8c3cc;background:var(--swatch);flex-shrink:0}
#workspaceLayerError{color:#ffacac;font-size:13px;min-height:18px;margin:10px 0}#workspaceLayerDialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px}
#cadLayers button.cad-layer-color{width:28px;height:28px;min-width:28px;padding:3px;border:1px solid #70899b;border-radius:5px;background:var(--layer-color);cursor:pointer}
@media(max-width:600px){#workspaceLayerColors .layer-color-choice{min-height:44px}#cadLayers button.cad-layer-color{width:40px;height:40px}}

#workspacePropertiesDialog,#workspaceOffsetDialog{color:#edf4fa;background:#16232e;border:1px solid #7292aa;border-radius:12px;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:20px}
#workspacePropertiesDialog::backdrop,#workspaceOffsetDialog::backdrop{background:#0008}
#workspacePropertiesDialog h2,#workspaceOffsetDialog h2{margin:0 0 12px;font-size:19px}
#workspacePropertiesIdentity{font-size:12px;color:#b9d0df;overflow-wrap:anywhere}
#workspacePropertiesDialog label,#workspaceOffsetDialog label{display:block;margin:10px 0;font-size:13px}
#workspacePropertiesDialog input,#workspacePropertiesDialog select,#workspacePropertiesDialog textarea,#workspaceOffsetDialog input{box-sizing:border-box;display:block;width:100%;margin-top:5px;padding:9px;color:#fff;background:#0d1720;border:1px solid #607e94;border-radius:5px;font:inherit}
.object-heights{display:grid;grid-template-columns:1fr 1fr;gap:12px}.object-heights label{min-width:0}.object-note{font-size:12px;color:#b9d0df}#workspacePropertiesError{color:#ffacac;font-size:13px;min-height:18px;margin:8px 0}
#workspacePropertiesDialog .dialog-actions,#workspaceOffsetDialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
#workspacePropertiesDialog [hidden]{display:none!important}