.canvas-grid-split-trigger-shell{--canvas-grid-split-custom-layout:floating;position:relative}.canvas-grid-split-disabled-reason{z-index:var(--z-tooltip);bottom:calc(100% + var(--space-2));width:max-content;max-width:min(var(--canvas-grid-split-tooltip-max-width), calc(100vw - var(--space-6)));padding:var(--space-1-half) var(--space-2);border-radius:var(--r-sm);background:var(--popover);box-shadow:var(--elevation-card);color:var(--popover-foreground);font-size:var(--fs-caption);opacity:0;pointer-events:none;visibility:hidden;white-space:normal;transition:opacity var(--motion-instant) ease-out, visibility var(--motion-instant) ease-out;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.canvas-grid-split-trigger-shell:hover>.canvas-grid-split-disabled-reason,.canvas-grid-split-trigger-shell:focus-within>.canvas-grid-split-disabled-reason{opacity:1;visibility:visible}.canvas-grid-split-popover{max-width:calc(100vw - var(--space-6))}.canvas-grid-split-picker{width:min(var(--canvas-grid-split-menu-width), calc(100vw - var(--space-6)));padding:var(--space-1-half);color:var(--canvas-grid-split-fg);transition:width var(--motion-panel) ease-out}.canvas-grid-split-picker.is-custom-open{width:min(var(--canvas-grid-split-custom-width), calc(100vw - var(--space-6)))}.canvas-grid-split-presets{gap:var(--space-half);flex-direction:column;display:flex}.canvas-grid-split-presets button{width:100%;min-height:var(--canvas-grid-split-control-height);border-radius:var(--r-sm);min-width:0;padding:var(--space-2) var(--space-3);color:inherit;font-size:var(--fs-body);text-align:left;transition:background-color var(--motion-instant) ease-out;background:0 0;border:0;align-items:center;display:flex}.canvas-grid-split-presets button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-grid-split-presets button:hover:not(:disabled),.canvas-grid-split-presets button:focus-visible{background:var(--canvas-grid-split-item-hover);outline:var(--stroke-2) solid transparent}.canvas-grid-split-presets button:focus-visible{box-shadow:inset 0 0 0 var(--stroke-2) var(--canvas-grid-split-focus-ring)}.canvas-grid-split-custom-section{margin-top:var(--space-1-half);border-top:var(--stroke-1) solid var(--canvas-grid-split-divider);padding-top:var(--space-1-half)}.canvas-grid-split-custom-toggle{width:100%;min-height:var(--canvas-grid-split-control-height);justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--r-sm);padding:var(--space-2) var(--space-3);color:inherit;font-size:var(--fs-body);text-align:left;transition:background-color var(--motion-instant) ease-out;background:0 0;border:0;display:flex}.canvas-grid-split-custom-toggle:hover:not(:disabled),.canvas-grid-split-custom-toggle:focus-visible{background:var(--canvas-grid-split-item-hover);outline:var(--stroke-2) solid transparent}.canvas-grid-split-custom-toggle:focus-visible{box-shadow:inset 0 0 0 var(--stroke-2) var(--canvas-grid-split-focus-ring)}.canvas-grid-split-custom-toggle>svg{width:var(--space-3-half);height:var(--space-3-half);color:var(--canvas-grid-split-muted-fg);transition:transform var(--motion-panel) ease-out}.canvas-grid-split-custom-toggle>svg.is-open{transform:rotate(90deg)}.canvas-grid-split-custom{width:min(var(--canvas-grid-split-custom-width), calc(100vw - var(--space-6)));gap:var(--space-3);padding:var(--space-4);color:var(--canvas-grid-split-fg);animation:canvas-grid-split-enter var(--motion-panel) ease-out both;flex-direction:column;display:flex}.canvas-grid-split-custom.is-inline{width:100%;margin-top:var(--space-half);border-top:var(--stroke-1) solid var(--canvas-grid-split-divider)}.canvas-grid-split-custom-heading{color:var(--canvas-grid-split-muted-fg);font-size:var(--fs-caption)}.canvas-grid-split-matrix{grid-template-columns:repeat(5, var(--canvas-grid-split-cell-size));grid-template-rows:repeat(5, var(--canvas-grid-split-cell-size));gap:var(--space-1-half);display:grid}.canvas-grid-split-matrix button{width:var(--canvas-grid-split-cell-size);height:var(--canvas-grid-split-cell-size);border:var(--stroke-1) solid var(--canvas-grid-split-cell-border);border-radius:var(--r-xs);background:var(--canvas-grid-split-cell-bg);transition:border-color var(--motion-instant) ease-out, background-color var(--motion-instant) ease-out}.canvas-grid-split-matrix button.is-previewed:not(:disabled){border-color:var(--canvas-grid-split-cell-selected-border);background:var(--canvas-grid-split-cell-selected-bg)}.canvas-grid-split-matrix button:focus-visible{outline:var(--stroke-2) solid var(--canvas-grid-split-focus-ring);outline-offset:var(--stroke-1)}.canvas-grid-split-matrix button:disabled{cursor:not-allowed;background:var(--canvas-grid-split-cell-disabled-bg);opacity:var(--canvas-grid-split-cell-disabled-opacity)}@keyframes canvas-grid-split-enter{0%{opacity:0;transform:translateY(calc(-1 * var(--space-1)))}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.canvas-grid-split-trigger-shell{--canvas-grid-split-custom-layout:inline}}@media (prefers-reduced-motion:reduce){.canvas-grid-split-custom{animation:none}.canvas-grid-split-picker,.canvas-grid-split-disabled-reason,.canvas-grid-split-custom-toggle svg,.canvas-grid-split-matrix button,.canvas-grid-split-presets button{transition:none}}