/* CAD-style hierarchy: commands at the viewport, selection tree, properties. */
.cad-workspace .editor-toolbar{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:stretch;gap:0;padding:8px 12px;height:auto;min-height:0;box-sizing:border-box}
.cad-workspace .cad-view-row,.cad-workspace .cad-edit-row,.cad-workspace .cad-document-row,.cad-workspace .cad-editor-status{width:100%;box-sizing:border-box;flex:none;align-self:stretch}
.cad-workspace .cad-view-row .editor-history-tools,.cad-workspace .cad-view-row .editor-preview-tools{display:flex;align-items:center;gap:5px}
.cad-workspace .editor-toolbar .cad-document-row{height:auto;min-height:0;max-height:none;flex-wrap:wrap}
.cad-workspace .cad-document-row .preview-notes-actions{display:flex;flex-wrap:wrap;gap:5px}
.cad-view-row,.cad-edit-row,.cad-document-row,.assembly-cad-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.cad-view-row{padding-bottom:7px;border-bottom:1px solid var(--line)}
.cad-edit-row{padding:7px 0 4px}.cad-document-row{padding-top:7px;border-top:1px solid var(--line)}
.cad-workspace .cad-view-row .editor-history-tools{margin-left:auto}
.cad-workspace .cad-edit-row .motif-drag-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0;background:none}
.cad-workspace .cad-edit-row .manual-mode-controls{margin-left:auto}
.cad-workspace .cad-editor-status,.cad-tool-hint{font-size:11px;line-height:1.45;color:var(--muted);padding:3px 0 6px;min-height:20px}
.cad-workspace .editor-toolbar .button,.assembly-cad-tools .button{min-height:34px;font-size:12px;border-radius:5px;white-space:normal;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.cad-workspace .editor-toolbar .action-glyph,.assembly-cad-tools svg{width:18px;height:18px;flex:none}
.cad-workspace .settings-title,.cad-workspace .pane-heading{padding:12px 14px}
.cad-workspace .settings-title h2,.cad-workspace .pane-heading h1{font-size:17px}
.cad-workspace .settings-title .eyebrow{display:none}
body[data-controls=simple] .settings-title .unit-chip{top:50%;transform:translateY(-50%)}
.cad-workspace .assembly-reference-bar{margin:0 0 10px;padding:0;background:none;border:0;border-radius:0;min-width:0;max-width:100%}
.cad-workspace .reference-scale-menu,.cad-workspace .reference-position-menu{border:1px solid var(--line);border-radius:6px;background:var(--surface);margin:0 0 7px;min-width:0}
.cad-workspace .reference-scale-menu>summary,.cad-workspace .reference-position-menu>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:9px 10px;min-height:38px;font-size:12px;border:0;background:none;white-space:normal}
.cad-workspace .reference-scale-menu>summary:after,.cad-workspace .reference-position-menu>summary:after{content:'+';margin-left:auto;color:var(--gold)}
.cad-workspace .reference-scale-menu[open]>summary:after,.cad-workspace .reference-position-menu[open]>summary:after{content:'−'}
.cad-workspace .reference-scale-menu>summary svg,.cad-workspace .reference-position-menu>summary svg{width:18px;height:18px;flex:none}
.cad-workspace .reference-scale-menu>summary>small{font-size:10px;color:var(--muted);margin-left:auto}
.cad-workspace .reference-scale-menu>.assembly-reference-actions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px}
.cad-workspace .reference-scale-menu>.assembly-reference-actions>strong{display:none}
.cad-workspace .reference-scale-menu>small{display:block;padding:0 10px 10px;line-height:1.5;font-size:11px;color:var(--muted)}
.cad-workspace .reference-scale-menu .button{min-height:34px;white-space:normal;font-size:11px;padding:6px 9px}
.cad-workspace .reference-scale-menu .assembly-reference-actions>details>p{position:static!important;max-width:100%!important;width:auto!important;box-shadow:none!important;padding:8px!important;line-height:1.5;font-size:11px}
.cad-workspace .reference-position-menu>.reference-position,#editorReference .reference-position{position:static!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:auto!important;max-width:none!important;padding:10px;gap:10px;border:0;border-top:1px solid var(--line);box-shadow:none;background:none}
.cad-workspace .reference-position>label{display:grid;gap:4px;min-width:0;font-size:11px}.cad-workspace .reference-position input{width:100%;min-width:0;box-sizing:border-box}
.cad-workspace .reference-position>.reference-align-grid{grid-column:1/-1;justify-self:center;grid-template-columns:repeat(3,32px);width:auto;margin:0}
.cad-workspace .reference-position .reference-align-grid>.button{width:32px;height:32px;min-height:32px;padding:4px}
.cad-workspace .reference-position>.button{min-width:0;white-space:normal;font-size:11px}.cad-workspace .reference-position>small{grid-column:1/-1;font-size:11px;line-height:1.45;color:var(--muted)}
.cad-workspace #editorReference{width:100%;margin:0 0 8px;flex:none}
body[data-controls=simple]:is([data-simple-step=motif],[data-simple-step=preview],[data-simple-step=send]) .settings-scroll>#editorReference{display:none!important}
.assembly-cad-tools{flex:none;padding:8px 0 4px;border-top:1px solid var(--line)}
.assembly-cad-tools>.button{padding:7px 9px;min-width:0;flex:0 1 auto}
.assembly-cad-tools>[aria-pressed=true],#cadPanView[aria-pressed=true]{border-color:var(--gold);background:var(--theme-selected);color:var(--gold-bright)}
.assembly-cad-tools #sceneMotifEdit{margin-left:auto}
.assembly-preview>.cad-tool-hint{flex:none;padding:3px 8px 7px}
.cad-workspace #sceneEditorSidebar .assembly-navigation [role=tab]{flex-direction:row;font-size:11px;min-height:37px;padding:5px}
.cad-workspace #sceneEditorSidebar .assembly-settings-tabs button{flex-direction:row;min-height:34px}
.cad-workspace #sceneSettings .assembly-element-actions>strong{display:block;padding:0 0 9px;font-size:13px;overflow-wrap:anywhere}
.cad-workspace #sceneReference .reference-scale-menu>summary>small{max-width:45%;text-align:right}
.cad-workspace .assembly-movement-tools{border-top:1px solid var(--line);padding-top:8px}
.cad-workspace .assembly-unified-toolbar{margin-bottom:8px}
.cad-workspace #scenePanel-view>.microcopy{font-size:11px}
.cad-workspace .assembly-preview-toolbar{gap:5px}
.cad-workspace .cad-property-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;border-bottom:1px solid var(--line);flex:none}
.cad-workspace .cad-property-tabs>button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:42px;padding:6px 3px;font-size:11px;border-radius:5px;background:transparent;color:var(--muted);border:1px solid transparent}
.cad-workspace .cad-property-tabs>button[aria-selected=true]{background:var(--theme-selected);color:var(--gold-bright);border-color:var(--line)}
.cad-property-tabs svg{width:18px;height:18px}
.cad-workspace .cad-assembly-tree{min-width:0;min-height:0;border:1px solid var(--line);border-radius:7px;overflow:auto;padding:10px;background:var(--surface)}
.cad-workspace .cad-assembly-tree h3{font-size:12px;margin:0 0 10px;display:flex;align-items:center;gap:4px}
.cad-workspace .cad-assembly-tree #sceneItems{max-height:none;overflow:auto}
.cad-workspace .cad-assembly-tree #sceneItems button{white-space:normal;overflow-wrap:anywhere;min-width:0}
@media(min-width:1001px){
 .cad-workspace .pinned-workspace.scene-layout.assembly-workspace.assembly-resizable{grid-template-columns:180px minmax(280px,var(--assembly-left,55fr)) 12px minmax(300px,var(--assembly-right,45fr))!important;gap:6px}
 .cad-workspace .assembly-workspace>.cad-assembly-tree{grid-column:1;grid-row:1}
 .cad-workspace .assembly-workspace>.assembly-preview{grid-column:2;grid-row:1}
 .cad-workspace .assembly-workspace>.assembly-sidebar{grid-column:4;grid-row:1}
 .cad-workspace .assembly-workspace>.assembly-width-handle{grid-column:3;grid-row:1}
 .cad-workspace .cad-assembly-tree .simple-list-resize,.cad-workspace .cad-assembly-tree .assembly-list-toggle{display:none}
}
@media(max-width:1000px){.cad-workspace .assembly-workspace>.cad-assembly-tree{grid-column:1/-1;max-height:150px}.cad-workspace .cad-assembly-tree #sceneItems{max-height:95px}}
@container(max-width:900px){.assembly-cad-tools>.button{flex:1 1 95px}.assembly-cad-tools #sceneMotifEdit{margin-left:0}.cad-workspace #sceneEditorSidebar .assembly-navigation [role=tab]{flex-direction:column}}
@media(max-width:640px){.cad-workspace .cad-edit-row>*{max-width:100%}.cad-workspace .cad-view-row{gap:4px}.cad-workspace .reference-scale-menu>summary{flex-wrap:wrap}.cad-workspace #sceneEditorSidebar .assembly-settings-tabs button{flex-direction:column}.cad-workspace .cad-document-row{flex-wrap:wrap}}

@container(max-width:900px){.cad-workspace .pinned-workspace.scene-layout.assembly-workspace.assembly-resizable{grid-template-columns:minmax(0,1fr)!important}.cad-workspace .assembly-workspace>.cad-assembly-tree,.cad-workspace .assembly-workspace>.assembly-preview,.cad-workspace .assembly-workspace>.assembly-sidebar{grid-column:1;grid-row:auto}.cad-workspace .assembly-workspace>.cad-assembly-tree{max-height:140px}.cad-workspace .cad-assembly-tree #sceneItems{max-height:90px}.cad-workspace .assembly-workspace>.assembly-width-handle{display:none}}

.cad-workspace #sceneSettings .assembly-element-actions>.repair-row{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:5px;height:auto;min-height:0}
.cad-workspace #sceneSettings .assembly-element-actions [data-scene-edit]{flex:0 0 100%;box-sizing:border-box;margin:0}
.cad-workspace #sceneSettings .assembly-element-actions>strong{padding-bottom:2px}
.cad-workspace #sceneReference .reference-scale-menu,.cad-workspace #sceneReference .reference-position-menu{padding:0}
.cad-workspace .reference-scale-menu>summary,.cad-workspace .reference-position-menu>summary{box-sizing:border-box}
.cad-workspace #sceneReference .reference-position{box-sizing:border-box;gap:7px;padding:8px}
.cad-workspace #sceneReference .reference-position>small{font-size:10px}

.cad-workspace .assembly-cad-tools button span{overflow-wrap:normal;word-break:normal}
@container(max-width:900px){
 .cad-workspace #modal>#modalBody>.assembly-workspace>.cad-assembly-tree{height:auto;max-height:140px;overflow:auto;gap:6px;box-sizing:border-box}
 .cad-workspace .cad-assembly-tree .simple-list-resize,.cad-workspace .cad-assembly-tree .assembly-list-toggle{display:none}
 .cad-workspace .cad-assembly-tree h3{margin-bottom:4px}
 .cad-workspace .assembly-cad-tools>.button{flex:1 1 125px}
}
@media(max-width:640px){.cad-workspace #simpleNext,.cad-workspace #simpleBack{min-width:58px;white-space:nowrap}}

@media(max-width:640px){.cad-workspace .metrics-strip #editorCompactStatus{min-width:0;max-width:100%;overflow:hidden}}

/* Touch workspace keeps commands beside the drawing and properties below/on the right. */
#mobileApp .mobile-motif-tools{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 6px;flex:none;border:1px solid var(--line);border-top:0;background:var(--surface)}
#mobileApp .mobile-motif-tools[hidden],#mobileApp[data-preview-collapsed=true] .mobile-motif-tools{display:none!important}
#mobileApp .mobile-motif-tools .motif-drag-toolbar{display:contents}
#mobileApp .mobile-motif-tools .button{min-height:38px;padding:6px 9px;font-size:12px;white-space:nowrap}
#mobileApp .mobile-motif-tools #motifScaleBadge{order:3;margin-left:auto;font-size:11px}
#mobileApp .mobile-motif-tools .motif-snap-control{order:2}
#mobilePanView[aria-pressed=true]{border-color:var(--gold);color:var(--gold-bright);background:var(--theme-selected)}
#mobileApp #editorReference{margin:0 0 10px;width:100%}
#mobileApp:not([data-step=appearance]):not([data-step=size]) #editorReference{display:none!important}
#mobileApp .reference-position .reference-align-grid>.button{width:38px;height:38px;min-height:38px}
#mobileApp .reference-position>.reference-align-grid{grid-template-columns:repeat(3,38px)}
@container(max-width:900px){.cad-workspace #modal>#modalBody>.assembly-workspace>.cad-assembly-tree{width:100%;min-width:0;justify-self:stretch;align-self:stretch;transform:none}}

.cad-workspace :is(.assembly-cad-tools,.cad-property-tabs,.cad-view-row,.cad-edit-row) button:focus-visible,.cad-workspace .reference-position-menu>summary:focus-visible,.cad-workspace .reference-scale-menu>summary:focus-visible,#mobilePanView:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}
.cad-workspace :is(.assembly-cad-tools,.cad-property-tabs) button{touch-action:manipulation}
.cad-workspace .reference-position input{font-variant-numeric:tabular-nums}
@container(min-width:620px) and (max-width:900px){
 .cad-workspace #modal>#modalBody>.pinned-workspace.scene-layout.assembly-workspace.assembly-resizable{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr)!important;grid-template-rows:auto minmax(0,1fr);gap:10px}
 .cad-workspace #modal>#modalBody>.assembly-workspace>.cad-assembly-tree{grid-column:1/-1;grid-row:1;max-height:125px}
 .cad-workspace .cad-assembly-tree #sceneItems{display:flex;gap:6px;max-height:70px;overflow:auto}
 .cad-workspace .cad-assembly-tree #sceneItems>button{flex:0 0 180px}
 .cad-workspace #modal>#modalBody>.assembly-workspace>.assembly-preview{grid-column:1;grid-row:2}
 .cad-workspace #modal>#modalBody>.assembly-workspace>.assembly-sidebar{grid-column:2;grid-row:2}
}

#mobileApp .mobile-motif-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#mobileApp .mobile-motif-tools .motif-drag-toolbar{display:contents!important}
#mobileApp .mobile-motif-tools #mobilePanView{order:0}
#mobileApp .mobile-motif-tools #dragMotifToolbar{order:1}
#mobileApp .mobile-motif-tools .motif-drag-toolbar>label{order:2;display:flex;align-items:center;gap:6px;min-height:26px;margin:0}
#mobileApp .mobile-motif-tools #motifScaleBadge{order:3;justify-self:end;align-self:center;padding-right:6px}
@media(min-width:700px){
 html[data-device-ui=mobile] body.cad-workspace #modal>#modalBody:has(>.assembly-workspace){display:block;overflow-y:auto;overflow-x:hidden}
 html[data-device-ui=mobile] body.cad-workspace #modal>#modalBody>.assembly-workspace{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr)!important;grid-template-rows:auto minmax(0,1fr);height:auto!important;min-height:0;overflow:visible;gap:10px}
 html[data-device-ui=mobile] body.cad-workspace #modal>#modalBody>.assembly-workspace>.cad-assembly-tree{grid-column:1/-1;grid-row:1;width:100%;max-height:125px;box-sizing:border-box;overflow:auto}
 html[data-device-ui=mobile] body.cad-workspace #modal .cad-assembly-tree #sceneItems{display:flex;gap:6px;max-height:70px;overflow:auto}
 html[data-device-ui=mobile] body.cad-workspace #modal .cad-assembly-tree #sceneItems>button{flex:0 0 180px}
 html[data-device-ui=mobile] body.cad-workspace #modal>#modalBody>.assembly-workspace>.assembly-preview{grid-column:1;grid-row:2;height:auto;min-height:0;overflow:visible;position:static}
 html[data-device-ui=mobile] body.cad-workspace #modal>#modalBody>.assembly-workspace>.assembly-preview>.pinned-stage{height:clamp(260px,48dvh,520px);min-height:260px;flex:none}
 html[data-device-ui=mobile] body.cad-workspace #modal>#modalBody>.assembly-workspace>.assembly-sidebar{grid-column:2;grid-row:2;height:auto;max-height:none;overflow:visible}
 html[data-device-ui=mobile] body.cad-workspace #modal .assembly-width-handle{display:none}
}

#mobileApp[data-step=appearance]:not([data-preview-collapsed=true]) .mobile-motif-tools:not([hidden]){display:grid!important}

/* Narrow split-screen landscape scrolls as a page instead of crushing inputs. */
@media(max-width:599px) and (max-height:550px){
 #mobileApp .mobile-header{padding:4px 10px}
 #mobileApp #mobileProjectName,#mobileApp #mobileStepCount{display:none}
 #mobileApp .mobile-workflow{display:flex;align-items:center;gap:8px;padding:4px 10px}
 #mobileApp .mobile-step-title{width:40%;min-width:0;margin:0}
 #mobileApp #mobileStepTitle{font-size:13px;margin:0}
 #mobileApp .mobile-step-title>#mobileHelp{display:none}
 #mobileApp .mobile-steps{flex:1;min-width:0;padding:0}
 #mobileApp #mobileContent{display:block;overflow-y:auto;overscroll-behavior:contain}
 #mobileApp #mobilePreview{max-height:none;margin-bottom:10px}
 #mobileApp #mobilePreview .canvas-wrap{height:var(--preview-user-height,180px);min-height:120px}
 #mobileApp #mobileControls{height:auto;max-height:none;overflow:visible}
 #mobileApp .mobile-dock{padding:4px 10px}
 #mobileApp .statusbar{display:none}
}

@media(min-width:1000px){.cad-workspace .library-pane:has(>#assemblyEditor){padding-right:24px}.cad-workspace .library-pane>#assemblyEditor .assembly-editor-heading>.microcopy{min-width:0;white-space:normal}}

.cad-workspace .reference-scale-menu>summary{flex-wrap:wrap}.cad-workspace .reference-scale-menu>summary>span{flex:1;min-width:120px}.cad-workspace .reference-scale-menu>summary>small{flex-basis:100%;margin:0;padding-left:26px}.cad-workspace .reference-scale-menu .reference-scale-intro{padding:8px 10px 0;margin:0;color:var(--muted);font-size:11px;line-height:1.5}

.cad-workspace .reference-scale-menu>summary{position:relative;padding-right:28px}.cad-workspace .reference-scale-menu>summary:after{position:absolute;right:10px;top:11px}.cad-workspace #sceneReference .reference-scale-menu>summary>small{max-width:none;text-align:left}

.reference-shortcut{margin-left:auto;flex:0 0 auto;border-color:var(--gold)!important;color:var(--gold-bright)}
.cad-workspace .cad-view-row .editor-history-tools{margin-left:0}
[data-window-move]{cursor:move;touch-action:none;user-select:none}
[data-window-move]:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.window-moving{transition:none!important;animation:none!important;user-select:none}
html[data-device-ui=desktop] #modal.wide-modal:not(.window-user-sized):not(.window-user-positioned){width:min(1680px,96vw);height:92dvh;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}

/* Use the actual editor width, including changes made with pane splitters. */
.cad-workspace .cad-command-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;min-width:0;width:100%;padding:0 0 7px;border-bottom:1px solid var(--line)}
.cad-workspace .cad-command-row>.cad-view-row{width:auto;flex:1 1 max-content;align-self:center;padding:0;border:0}
.cad-workspace .cad-view-row>.reference-shortcut{margin-left:0}
.cad-workspace .editor-toolbar .cad-command-row>.cad-document-row{order:0;width:auto;flex:0 1 auto;max-width:100%;align-self:center;justify-content:flex-end;margin:0 0 0 auto;padding:0;border:0;gap:6px}
.cad-workspace .cad-document-row>.preview-notes-actions{height:auto;min-height:0;margin:0;flex:0 1 auto;justify-content:flex-end;gap:6px}
.cad-workspace .cad-view-row :is(.editor-preview-tools,.editor-history-tools)>.icon-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:7px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:5px}
.cad-workspace .cad-view-row :is(.editor-preview-tools,.editor-history-tools)>.icon-button>svg{width:20px;height:20px;flex:none}
.cad-workspace .cad-edit-row{gap:6px 12px;align-items:center}
.cad-workspace :is(.cad-tool-primary,.cad-tool-secondary){display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}
.cad-workspace .cad-tool-primary{flex:0 1 auto}.cad-workspace .cad-tool-secondary{margin-left:auto;justify-content:flex-end}
.cad-workspace .cad-edit-row>.cad-editor-status{order:3;width:100%;min-height:0;padding:0;align-self:center}
.cad-workspace .metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:center}
body.cad-workspace[data-controls=simple] .metrics-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.cad-workspace .metrics-strip #editorCompactStatus{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0;max-width:100%;padding:0;border:0;overflow:visible}
.cad-workspace .metrics-strip #checkSummary{min-width:0;white-space:normal;overflow:visible}
.cad-workspace .metrics-strip #checkDetails{flex:none;width:auto;justify-content:center}
.cad-workspace .metrics-strip #checkDetails>span{display:inline}
.cad-workspace .metrics-strip #vectorStatus{flex-basis:100%;text-align:right}
@container editor (min-width:1050px){
 .cad-workspace .metrics-strip,body.cad-workspace[data-controls=simple] .metrics-strip{grid-template-columns:repeat(4,minmax(0,1fr)) auto}
 .cad-workspace .metrics-strip #editorCompactStatus{grid-column:auto;padding-left:12px;border-left:1px solid var(--line)}
}
@container editor (min-width:1400px){
 .cad-workspace .cad-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:7px 0 0}
 .cad-workspace .cad-edit-row>.cad-editor-status{order:0;width:auto;text-align:center;max-width:580px}
 .cad-workspace .cad-tool-primary{justify-self:start}.cad-workspace .cad-tool-secondary{justify-self:end}
}
@container editor (max-width:500px){
 .cad-workspace .metrics-strip,body.cad-workspace[data-controls=simple] .metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cad-workspace .cad-command-row>.cad-view-row{flex-basis:100%}
 .cad-workspace .metrics-strip #editorCompactStatus{justify-content:flex-start}
}

/* Phones use the document scroll surface; tablets retain the split workspace. */
html[data-device-ui=mobile][data-touch-form-factor=phone]{height:auto;min-height:100%;overscroll-behavior:auto}
html[data-device-ui=mobile][data-touch-form-factor=phone] body{height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important}
html[data-touch-form-factor=phone] #mobileApp{height:auto;min-height:100dvh;overflow:visible}
html[data-touch-form-factor=phone] #mobileApp #mobileContent{display:block;height:auto;min-height:0;flex:none;overflow:visible;overscroll-behavior:auto}
html[data-touch-form-factor=phone] #mobileApp #mobilePreview{position:static;height:auto;max-height:none;min-height:0;flex:none;margin-bottom:12px}
html[data-touch-form-factor=phone] #mobileApp #mobileEditorBody{flex:none;min-height:0}
html[data-touch-form-factor=phone] #mobileApp #mobilePreview .canvas-wrap{flex:none;min-height:120px}
html[data-touch-form-factor=phone] #mobileApp #mobileControls{height:auto;max-height:none;min-height:0;flex:none;overflow:visible;overscroll-behavior:auto}
html[data-touch-form-factor=phone] #mobileApp .mobile-dock{position:sticky;bottom:0;z-index:40;padding-bottom:max(5px,env(safe-area-inset-bottom))}
html[data-touch-form-factor=phone] #mobileApp[data-preview-fullscreen=true] #mobilePreview{position:fixed;inset:0;height:var(--mobile-height,100dvh);max-height:none;margin:0}
html[data-touch-form-factor=phone] #mobileApp[data-preview-fullscreen=true] #mobileEditorBody{flex:1;min-height:0}
html[data-touch-form-factor=phone] #mobileApp[data-preview-fullscreen=true] #mobilePreview .canvas-wrap{height:100%;flex:1;min-height:0}
html[data-device-ui=mobile][data-touch-form-factor=phone] body:has(#mobileApp[data-preview-fullscreen=true]),html[data-device-ui=mobile][data-touch-form-factor=phone] body.manual-vector-active{overflow:hidden!important}