/* Revision 22. Editor-only layout: scrolling tools never hides the canvas. */
#studio {--pin-top22:100px;--fit-height22:480px;--stage-height22:516px;overflow:visible}
#studio .studio-workspace {height:auto;min-height:0;overflow:visible;align-items:start;grid-template-columns:250px minmax(260px,1fr) 286px}
#studio .studio-panel {min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto}
#studio .studio-canvas-column {position:sticky;top:var(--pin-top22);align-self:start;min-width:0;z-index:10;box-shadow:0 5px 14px #2011390d}
#studio .studio-stage {height:var(--stage-height22);min-height:0;max-height:none;flex:none;overflow:auto;padding:16px;align-items:center;justify-content:center}
#studio .studio-stage #design-canvas {max-height:var(--fit-height22)!important;max-width:100%;margin:auto;flex:none;object-fit:contain}
#studio .studio-stage[data-zoom22=manual] {align-items:flex-start;justify-content:flex-start}
#studio .studio-stage[data-zoom22=manual] #design-canvas {max-height:none!important;max-width:none}
#studio .studio-right {position:sticky;top:var(--pin-top22);max-height:calc(100dvh - var(--pin-top22) - 12px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#studio[data-pin22=off] .studio-canvas-column,#studio[data-pin22=off] .studio-right {position:static}
#studio .studio-notice {font-size:12px;line-height:1.45;padding:8px 12px;min-height:34px;overflow-wrap:anywhere;color:#504067}
#studio .canvas-toolbar {padding:10px 12px;gap:9px;font-size:11px}
#studio .studio-bottom {padding:10px 12px;font-size:11px}
#studio .studio-pin22 {margin-right:auto;white-space:nowrap}
#studio .canvas-toolbar>span {display:none}
#studio .studio-switch22 {display:none;gap:6px}
#studio input[type=checkbox] {width:16px!important;height:16px!important;min-height:16px!important;padding:0!important;flex:none;accent-color:#7146ed}
#studio .studio-left .cr21-note:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:7px}
#studio .frame-target22 {font-size:12px;line-height:1.45}
#studio .cr21-message {font-size:12px;line-height:1.5}
#studio .cr21-note:has(.studio-check){margin:0}
#studio .studio-layers {max-height:320px}
#studio .studio-panel .studio-order button {font-size:12px;min-height:40px}
#studio .studio-help{color:#6c6279!important}
@media(max-width:1250px) and (min-width:1100px){#studio{padding:0 12px}#studio .studio-workspace{grid-template-columns:230px minmax(220px,1fr) 258px}}
@media(max-width:1099px){
 #studio{padding:0 10px;margin-top:14px}#studio .studio-workspace{grid-template-columns:minmax(0,1fr)}
 #studio .studio-canvas-column{grid-column:1;grid-row:1;position:sticky;top:var(--pin-top22)}
 #studio .studio-left,#studio .studio-right{grid-column:1;grid-row:2;position:static;max-height:none;overflow:visible;border:0;padding:18px;min-width:0}
 #studio[data-pane22=tools] .studio-right{display:none}#studio[data-pane22=properties] .studio-left{display:none}
 #studio .studio-switch22{display:flex}#studio .studio-switch22 button{border:1px solid #d9cdef;border-radius:8px;padding:8px 12px;background:#fff;font-size:12px}
 #studio .studio-switch22 button[aria-pressed=true]{background:#7146ed;color:#fff}
 #studio .studio-stage{padding:10px}#studio .studio-stage #design-canvas{max-height:var(--fit-height22)!important}
 #studio .studio-left .cr21-grid,#studio .studio-left .text-presets19{grid-template-columns:repeat(3,minmax(0,1fr))}
 #studio .studio-pin22{font-size:10px}#studio .canvas-toolbar{gap:6px;flex-wrap:wrap}
 #studio .studio-notice{font-size:11px;min-height:24px;padding:5px 10px}
 #studio .studio-bottom{font-size:10px;padding:6px 10px}
 #studio .studio-panel-title h2{font-size:17px}
}
@media(max-width:450px){#studio .studio-left .cr21-grid,#studio .studio-left .text-presets19{grid-template-columns:repeat(2,minmax(0,1fr))}#studio .canvas-toolbar>label:not(.studio-pin22){display:none}#studio .studio-pin22{margin-left:0}#studio .studio-bottom>span{display:none}#studio .studio-stage{padding:8px}}