.canvas-resize-handle{bottom:calc(-22px + 8px * var(--canvas-resize-scale,1));transform:translateX(-50%) scale(var(--canvas-resize-scale,1));z-index:5;touch-action:none;cursor:ns-resize;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;left:50%}.canvas-resize-handle span{box-sizing:border-box;width:calc(var(--canvas-resize-cross-size,0px) + 6px);background:#7c9db8;border:1px solid #fff;border-radius:0;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .5px #547c9d}.canvas-resize-handle[data-axis=horizontal]{top:50%;bottom:auto;left:auto;right:calc(-22px + 8px * var(--canvas-resize-scale,1));transform:translateY(-50%) scale(var(--canvas-resize-scale,1));cursor:ew-resize}.canvas-resize-handle[data-axis=horizontal] span{width:3px;height:calc(var(--canvas-resize-cross-size,0px) + 6px)}.canvas-resize-handle[data-leading=true][data-axis=horizontal]{right:auto;left:calc(-22px + 8px * var(--canvas-resize-scale,1))}.canvas-resize-handle[data-leading=true][data-axis=vertical]{bottom:auto;top:calc(-22px + 8px * var(--canvas-resize-scale,1))}.canvas-resize-handle:hover span,.canvas-resize-handle:focus-visible span{background:#377fb8}.canvas-resize-handle:focus-visible{outline:2px solid var(--ui-focus-color,#377fb8);outline-offset:1px}.canvas-resize-handle:disabled{cursor:default;opacity:.5}.canvas-resize-handle[hidden]{display:none}.layout-resize-frame{pointer-events:none;z-index:6;position:absolute}.layout-resize-frame .layout-resize-handle{pointer-events:auto}.st-sequence-template{position:relative}.layout-resize-readout{z-index:7;border:1px solid var(--app-border,#ccd3dc);background:var(--app-surface,#fff);color:var(--app-text,#222);pointer-events:none;white-space:nowrap;border-radius:4px;padding:4px 7px;font:12px/1.4 system-ui,sans-serif;position:absolute;bottom:10px;right:10px}.layout-resize-readout[data-axis=horizontal]{top:10px;bottom:auto}.document-view-canvas{box-sizing:border-box;flex-direction:column;gap:0;width:100%;min-height:100%;padding:0;display:flex}.document-view-canvas.is-embedded{min-height:0}.document-view-canvas:has(.st-sequence[data-height=fill]){height:100%;min-height:0;overflow:hidden}.document-view-canvas :is(.document-view-instance,.document-instance-renderer,.document-component-drawing,.st-container-space,.st-container,.document-region-content):has(.st-sequence[data-height=fill]){flex:1 1 0;min-height:0}.document-view-canvas :is(.document-view-instance,.document-instance-renderer,.document-component-drawing):has(.st-sequence[data-height=fill]){flex-direction:column;display:flex}.document-view-instance{min-width:0;position:relative}:is(.document-view-instance:has(>.document-instance-renderer>.st-container-space),.document-instance-renderer:has(>.st-container-space)){flex-direction:column;display:flex}.document-instance-renderer>.st-container-space{flex:1}.document-instance-renderer:has(>.st-container-space){flex:1}.document-view-instance:has(>.document-instance-renderer>.st-container-space[data-st-position=sticky]){z-index:2;position:sticky}.document-view-instance:has(>.document-instance-renderer>.st-container-space[data-st-position=sticky][data-st-edge=top]){top:calc(env(safe-area-inset-top,0px) + var(--st-dock-inset-top,0px))}.document-view-instance:has(>.document-instance-renderer>.st-container-space[data-st-position=sticky][data-st-edge=bottom]){bottom:calc(env(safe-area-inset-bottom,0px) + var(--st-dock-inset-bottom,0px))}.is-designing .document-view-instance{cursor:pointer;border-radius:7px;padding:0}.is-designing .document-view-instance[data-selected=true]{background:var(--app-hover)}.is-designing .document-view-instance:focus-visible{outline:none}.document-view-diagnostic{color:var(--app-muted);margin:0;font-size:12px}.document-view-instance[data-dragging=true]{opacity:.4}.document-view-instance[data-drop=before]{box-shadow:inset 0 2px #087fff}.document-view-instance[data-drop=after]{box-shadow:inset 0 -2px #087fff}.document-view-instance[data-drop=blocked]{box-shadow:inset 0 0 0 1px #b91c1c}.document-view-canvas[data-drop=inside]{box-shadow:inset 0 0 0 1px #087fff}.document-view-canvas.is-designing .document-component-drawing>.st-spacer,.document-view-canvas.is-designing .document-component-drawing[draggable=true]{cursor:grab}