#appActions{position:absolute;right:12px;top:4px;display:flex;gap:6px;z-index:40}#appActions button{min-height:44px;padding:8px 12px;font-size:12px}
#workspaceIntro{position:absolute;z-index:10;top:calc(var(--workspace-header-height) + 24px);left:24px;width:min(560px,calc(100% - 48px));padding:22px;border:1px solid #334e63;background:#14222fee;border-radius:12px;line-height:1.7}#workspaceIntro h1{font-size:22px}#workspaceIntro p{color:#bfd0dd;font-size:14px}#workspaceIntro .row button{min-height:44px}
html[data-terrain-document="loaded"] #workspaceIntro,.cad-active #workspaceIntro,.topo-active #workspaceIntro{display:none}
#appHelp{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #536d81;border-radius:14px;padding:22px;background:#14222f;color:#edf2f6;line-height:1.7}#appHelp::backdrop{background:#0009}#appHelp h2{font-size:19px;margin-top:12px}#appHelp p,#appHelp li{font-size:14px}#appHelp button{min-height:44px}#closeAppHelp{float:right}#installApp{width:100%;margin:12px 0}#pwaNotice{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 24px));z-index:10002;padding:12px 16px;border:1px solid #5c839f;border-radius:10px;background:#142839;color:#edf2f6;font-size:13px;line-height:1.6}#pwaNotice[hidden]{display:none}
button,.fileLabel,a{touch-action:manipulation}#view canvas,#cadCanvas canvas{touch-action:none}#app,#cadView{height:100dvh}#panel,#cadSidebar{overscroll-behavior:contain;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
@media(max-width:600px){
 :root{--workspace-controls-top:calc(112px + env(safe-area-inset-top));--workspace-header-height:calc(164px + env(safe-area-inset-top))}
 #siteBrand{left:12px;top:calc(8px + env(safe-area-inset-top))}#siteBrand small{font-size:10px;margin-left:0}#siteBrand img{width:28px;height:28px}#siteBrand{gap:6px;font-size:17px}
 #appActions{top:calc(4px + env(safe-area-inset-top));right:10px}#appActions button{padding:8px;font-size:11px}#appActions #openAppHelp{min-width:44px}
 #navbarBackground:after{top:calc(52px + env(safe-area-inset-top))}#viewModes{display:contents}
 #workspaceTabs{position:absolute;top:calc(58px + env(safe-area-inset-top));left:12px;right:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;z-index:32}#workspaceTabs button{min-height:44px;font-size:12px;padding:6px 2px}
 #cadToolbar{position:absolute;left:68px;right:112px;top:var(--workspace-controls-top);justify-content:center;z-index:32;gap:4px}#viewModes .cad-icon{min-width:44px;min-height:44px;font-size:22px}
 #app #panelToggle,#cadPanelToggle{height:44px;width:44px;left:12px}#resetDrawing{height:44px;right:12px;width:88px;font-size:12px}#currentFileName{display:none}
 #workspaceIntro{top:calc(var(--workspace-header-height) + 12px);left:12px;width:calc(100% - 24px);padding:16px}#workspaceIntro h1{font-size:20px}#workspaceIntro p{font-size:13px;margin:10px 0}
 #panel button,#cadSidebar button,.fileLabel{min-height:44px}#panel input:not([type=checkbox]):not([type=range]),#panel select,#cadSidebar input:not([type=checkbox]):not([type=color]),#cadSidebar select{font-size:16px;min-height:40px;max-width:100%}#panel .rangeRow{grid-template-columns:112px minmax(0,1fr) 42px}#panel input[type=range]{min-height:36px}#panel label.toggle,#cadSidebar label{min-height:32px}#dxfLoading{top:calc(var(--workspace-header-height) + 8px)!important}
}
@media(max-height:450px){#workspaceIntro{padding:12px;max-height:calc(100dvh - var(--workspace-header-height) - 24px);overflow:auto}#appHelp{padding:14px}}
@media(max-height:450px) and (min-width:601px) and (max-width:1000px){#workspaceTabs button,#viewModes .cad-icon,#app #panelToggle,#cadPanelToggle,#resetDrawing{min-height:44px}#panel button,#cadSidebar button,.fileLabel{min-height:44px}}