.page-canvas{container:page-canvas/inline-size}.page-grid{grid-template-columns:repeat(var(--grid-cols), minmax(0, 1fr));grid-auto-rows:var(--grid-row);gap:var(--grid-gap);display:grid;position:relative}.page-cell,.page-placeholder{grid-column:var(--cell-x) / span var(--cell-w);grid-row:var(--cell-y) / span var(--cell-h);min-width:0;min-height:0}.page-cell[data-active]{z-index:3}.page-placeholder{z-index:2;border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-primary) 8%, transparent);pointer-events:none}@container page-canvas (width<276px){.page-grid{grid-template-columns:minmax(0,1fr)}.page-cell{order:var(--cell-rank);grid-column:1;grid-row:auto / span var(--cell-h)}.page-placeholder,.cell-band,.cell-resize-handle{display:none}}.cell-resize-handle{z-index:3;width:20px;height:20px;color:var(--color-muted-foreground);cursor:se-resize;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:5px;right:5px}.cell-band{z-index:2;background:color-mix(in srgb, var(--color-card) 72%, color-mix(in srgb, var(--color-primary) 18%, transparent));height:38px;-webkit-backdrop-filter:blur(var(--backdrop-blur-card)) saturate(var(--backdrop-saturate));backdrop-filter:blur(var(--backdrop-blur-card)) saturate(var(--backdrop-saturate));border-bottom:1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);color:var(--color-primary);font-size:var(--text-xs);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 8px 0 10px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.cell-band:active{cursor:grabbing}.cell-editing{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-primary) 55%, transparent)}.cell-found{border-radius:var(--radius-card);animation:2.4s ease-out forwards cell-found}@keyframes cell-found{0%,60%{box-shadow:0 0 0 2px var(--color-primary)}to{box-shadow:0 0 0 2px #0000}}