/* Give the editor the available screen width without changing print layouts. */
@media screen {
 body.editor-workspace-active .app main{width:100%;max-width:none;margin:0;padding:16px!important;box-sizing:border-box}
 .editor-workspace-active .workspace-header strong{font-size:23px}
 .editor-workspace-active .workspace-shell button{font-size:14px;min-height:46px}
 .editor-workspace-active .workspace-tools{width:88px;flex-basis:88px}
 .editor-workspace-active .workspace-tools button{font-size:13px;height:74px}
 .editor-workspace-active .workspace-tools button svg{width:24px;height:24px}
 .editor-workspace-active .workspace-settings{left:88px;width:300px;flex-basis:300px}
 .editor-workspace-active .workspace-settings :is(p,label,select,input,button,.help){font-size:14px}
 .editor-workspace-active .workspace-panel-head strong{font-size:18px}
 .editor-workspace-active .workspace-canvas-top{font-size:13px}
 .editor-workspace-active :is(.workspace-model-note,.workspace-canvas-footer,#workspace-save-state){font-size:12px}
 .editor-workspace-active .workspace-shell .canvas-scroll{height:clamp(540px,calc(100dvh - 360px),1100px)}
 .editor-workspace-active .workspace-shell #dollhouse-stage{height:clamp(500px,calc(100dvh - 402px),1058px)}
 .editor-workspace-active .footer{margin-top:18px;padding-top:16px;padding-bottom:16px}
}
@media screen and (max-width:800px){
 body.editor-workspace-active .app main{padding:10px!important}
 .editor-workspace-active .workspace-tools{width:100%;flex-basis:100%}
 .editor-workspace-active .workspace-tools button{height:60px;min-width:70px;font-size:12px}
 .editor-workspace-active .workspace-settings{left:0;width:min(300px,calc(100vw - 32px));top:74px}
 .editor-workspace-active .workspace-header strong{font-size:19px}
 .editor-workspace-active .workspace-shell .canvas-scroll{height:65dvh;min-height:400px}
 .editor-workspace-active .workspace-shell #dollhouse-stage{height:60dvh;min-height:360px}
}

.floor-pan-enabled,.floor-pan-enabled *{cursor:grab!important;touch-action:none!important;user-select:none}.floor-pan-dragging,.floor-pan-dragging *{cursor:grabbing!important}

.floor-pan-auto{touch-action:none;user-select:none}.floor-pan-auto #floor-canvas{cursor:grab}

/* Desktop editor fills the viewport; canvas navigation stays inside it. */
@media screen and (min-width:801px){
 body.editor-workspace-active{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 body.editor-workspace-active>header{flex-shrink:0}
 body.editor-workspace-active .app{flex:1;min-height:0;height:auto;overflow:hidden}
 body.editor-workspace-active .app>aside{min-height:0;overflow:auto}
 body.editor-workspace-active .app main{height:100%;min-height:0;overflow:hidden;padding:10px!important;display:flex;flex-direction:column}
 .editor-workspace-active #content{flex:1;min-height:0;display:flex;flex-direction:column}
 .editor-workspace-active #compare-concepts{align-self:flex-start;flex-shrink:0;min-height:36px;padding:7px 14px;margin-bottom:8px}
 .editor-workspace-active .workspace-shell{flex:1;min-height:0}
 .editor-workspace-active .workspace-header{padding:10px 16px;flex-shrink:0}
 .editor-workspace-active .workspace-viewbar{gap:8px;padding:3px 10px;flex-shrink:0;flex-wrap:nowrap}
 .editor-workspace-active .workspace-viewbar button{min-height:34px;padding:5px 10px;font-size:12px;line-height:1.15;white-space:nowrap}
 .editor-workspace-active .workspace-viewbar .concept-view-tabs{padding:2px}
 .editor-workspace-active .workspace-viewbar .concept-view-tabs button,.editor-workspace-active .workspace-viewbar .segmented button{padding:5px 10px}
 .editor-workspace-active .workspace-grid{flex:1;min-height:0;overflow:hidden}
 .editor-workspace-active .workspace-tools{overflow:auto;min-height:0}
 .editor-workspace-active .workspace-tools button{flex-shrink:0;height:60px}
 .editor-workspace-active .workspace-canvas{display:flex;flex-direction:column;min-height:0;padding-bottom:48px}
 .editor-workspace-active .workspace-canvas-top{flex-shrink:0;min-height:36px;padding:8px 12px}
 .editor-workspace-active .concept-canvases{flex:1;min-height:0;overflow:hidden}
 .editor-workspace-active .concept-canvases>section{height:100%;min-height:0}
 .editor-workspace-active .workspace-shell .canvas-scroll{height:100%;min-height:0;overflow:hidden}
 .editor-workspace-active .view-3d .dollhouse-panel{display:flex;flex-direction:column}
 .editor-workspace-active .workspace-shell #dollhouse-stage{flex:1;height:auto;min-height:0}
 .editor-workspace-active .workspace-shell .dollhouse-controls{flex-shrink:0;margin:0}
 .editor-workspace-active .workspace-settings{max-height:calc(100% - 20px);overflow:auto}
 .editor-workspace-active .workspace-model-note{padding:6px 12px;flex-shrink:0}
 .editor-workspace-active .footer{flex-shrink:0;margin-top:8px;padding:8px 0 0}
 .editor-workspace-active .footer button{min-height:40px;padding:8px 16px}
}

@media screen and (min-width:801px){.editor-workspace-active #plan-editor{flex:1;min-height:0;display:flex;flex-direction:column}.editor-workspace-active .app>aside{padding-top:20px;padding-bottom:12px}.editor-workspace-active .aside-bottom{display:none}.editor-workspace-active #steps{margin-top:20px;gap:4px}}