/* Resize handles share the existing panels, with no reparenting of document/editor nodes. */
#main-page .workspace.floating-workspace.canvas-resizable-layout{--floating-settings-width:var(--canvas-settings-width,340px)}
@media(min-width:1101px){#main-page .workspace.floating-workspace.canvas-resizable-layout:not(.gf-compact-left){--floating-left:var(--canvas-settings-width,340px)}}
#main-page .canvas-resizable-layout [data-layout=split] .canvas-sidebar-content{grid-template-rows:minmax(0,var(--canvas-history-height,42.5%)) 8px minmax(0,1fr)}
#main-page .canvas-resizable-layout [data-layout=split] .canvas-history-panel{grid-row:1;border-bottom:0}
#main-page .canvas-resizable-layout [data-layout=split] .canvas-layers-view{grid-row:3;min-height:0}
#main-page .canvas-resizable-layout [data-layout=split] .canvas-layer-controls{flex-shrink:1;min-height:80px;max-height:calc(100% - 100px);overflow-y:auto}
.canvas-layout-handle{box-sizing:border-box;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;flex-shrink:0}
.canvas-layout-handle>span{display:block;border-radius:3px;background:#7c758d66;transition:background .14s,box-shadow .14s}
.canvas-layout-handle:hover>span,.canvas-layout-handle:focus-visible>span,.canvas-layout-handle.is-dragging>span{background:#dfc776;box-shadow:0 0 7px #e6ce6833}
.canvas-layout-width-handle{position:absolute;z-index:23;width:8px;cursor:col-resize;display:flex;align-items:center;justify-content:center}
.canvas-layout-width-handle>span{width:2px;height:42px;opacity:.4;transition:opacity .14s,background .14s}
.canvas-layout-width-handle:hover>span,.canvas-layout-width-handle:focus-visible>span,.canvas-layout-width-handle.is-dragging>span{opacity:1}
.canvas-layout-width-handle[hidden]{display:none!important}
.canvas-layout-split-handle{grid-column:1;grid-row:2;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:8px;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;background:#15151b60;cursor:row-resize}
.canvas-layout-split-handle>span{width:34px;height:2px}
#main-page .canvas-resizable-layout.is-layout-resizing,#main-page .canvas-resizable-layout.is-layout-resizing *{user-select:none!important;-webkit-user-select:none!important}
#main-page .canvas-resizable-layout.is-layout-resizing :is(.studio-settings,.gf-tool-rail,.gf-selection-options,.canvas-statusbar){transition:none!important}
#main-page .canvas-resizable-layout.is-width-resizing,#main-page .canvas-resizable-layout.is-width-resizing *{cursor:col-resize!important}
#main-page .canvas-resizable-layout.is-split-resizing,#main-page .canvas-resizable-layout.is-split-resizing *{cursor:row-resize!important}
@media(pointer:coarse){.canvas-layout-width-handle{width:12px;margin-left:-2px}.canvas-layout-width-handle>span{opacity:.7}}
@media(prefers-reduced-motion:reduce){.canvas-layout-handle>span{transition:none}}