/* Tool contents never participate in the workspace's intrinsic sizing. */
.studio-layout{display:grid;grid-template-columns:84px 292px minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
.tool-dock{grid-column:1;grid-row:1;flex-direction:column;justify-content:flex-start;gap:8px;padding:12px 4px}
.tool-dock button{min-width:0;width:100%;min-height:64px;flex:none}
.tool-drawer{grid-column:2;grid-row:1;height:100%;max-height:none;min-width:0;border-right:1px solid var(--line);box-shadow:none;overflow:hidden}
.drawer-content{min-height:0;flex:1;padding:16px;overflow:auto}.drawer-heading{padding:12px 16px}
.workspace{grid-column:3;grid-row:1;min-width:0;min-height:0;height:100%;position:relative}
.canvas-area{min-height:0;padding:36px 28px}.tool-panel{min-width:0;max-width:100%;width:100%}
.tool-templates .template-list,.shopify-catalog{grid-template-columns:1fr}.tool-templates .mini-card{height:100px}
.tool-panel label{display:grid;gap:6px;margin:12px 0;font-size:12px}.tool-panel input,.tool-panel textarea,.tool-panel select{width:100%;min-width:0;padding:8px;border:1px solid var(--line);border-radius:5px;font:inherit;font-size:14px}
.tool-panel textarea{min-height:75px;resize:vertical}.tool-panel input[type=checkbox]{width:20px;height:20px}.tool-panel input[type=color]{height:38px;padding:3px}
.object-actions{display:flex;flex-wrap:wrap;gap:5px}.object-actions .button{padding:9px;font-size:11px}.history-actions{display:flex;gap:4px}.history-actions button{border:1px solid var(--line);border-radius:4px;background:white;font-size:20px}
.design-surface{display:block;width:100%;height:auto;aspect-ratio:1.75;overflow:hidden}.locked-editor{background:transparent;aspect-ratio:1.75!important}.locked-editor [data-object-id]{touch-action:none;cursor:move}.locked-editor [data-object-id]:focus{outline:none}.locked-editor [data-object-id]:focus-visible{outline:1px solid #16a6d8}
#editor-status{font-size:11px;margin:0;padding:6px 16px;max-height:48px;overflow:auto}#editor-status:empty{display:none}
.save-status{font-size:12px;overflow-wrap:anywhere}.recovery-link{display:block;margin:12px 0;font-size:12px;overflow-wrap:anywhere}.header .document-title{flex:1}.header{gap:12px}.header .button{white-space:nowrap}
@media(max-width:760px){
 .studio-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(310px,1fr) clamp(120px,calc(100dvh - 500px),32dvh) 65px;overflow:auto}
 .workspace{grid-column:1;grid-row:1;min-height:310px}.tool-drawer{grid-column:1;grid-row:2;min-height:0;max-height:none;height:100%;border-right:0}
 .tool-dock{grid-column:1;grid-row:3;flex-direction:row;justify-content:space-around;padding:4px 6px;gap:0}.tool-dock button{min-height:55px;flex:1;font-size:9px}
 .canvas-area{padding:22px 24px}.dimension{font-size:8px}.top-dimension{top:-18px}.bottom-dimension{bottom:-18px}.workspace-toolbar{padding:6px 12px}.workspace-footer{padding:3px 12px}.guide-toggle{font-size:9px}.side-switch button{padding:6px 11px}
 .tool-templates .template-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-templates .mini-card{height:55px}.shopify-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
 .header{height:60px;padding:0 10px;gap:6px}.header .button{font-size:9px;padding:10px 8px}.header .document-title{display:none}.brand{margin-right:auto}.prototype-label{display:none}.project-bar{display:none}.compact-order{font-size:9px}
 .drawer-content{padding:10px 16px}.tool-panel input,.tool-panel textarea,.tool-panel select{font-size:16px}
}