.screen-layout-preview.svelte-n3aylv{width:100%;overflow:visible}.screen-layout-preview-screen.svelte-n3aylv{aspect-ratio:16/9;max-width:1040px}.screen-layout-preview-tablet.svelte-n3aylv{aspect-ratio:4/3;max-width:720px}.screen-layout-preview-phone.svelte-n3aylv{aspect-ratio:9/16;max-width:390px}.screen-layout-preview-grid.svelte-n3aylv{grid-template-columns:var(--screen-grid-columns);grid-template-rows:var(--screen-grid-rows);gap:var(--screen-grid-gap);background:linear-gradient(45deg, color-mix(in oklab, var(--muted) 52%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklab, var(--muted) 52%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklab, var(--muted) 52%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklab, var(--muted) 52%, transparent) 75%), linear-gradient(color-mix(in oklab, var(--border) 42%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--border) 42%, transparent) 1px, transparent 1px), var(--background);background-position:0 0,0 11px,11px -11px,-11px 0,0 0,0 0,0 0;background-size:22px 22px,22px 22px,22px 22px,22px 22px,8.33333% 8.33333%,8.33333% 8.33333%,auto;width:100%;height:100%;display:grid;position:relative;overflow:visible}.screen-layout-component.svelte-n3aylv{border-color:hsl(var(--screen-component-accent) / .42);background:linear-gradient(135deg, var(--screen-component-surface), color-mix(in oklab, var(--background) 96%, transparent)), var(--background);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--background) 65%, transparent), 0 1px 2px color-mix(in oklab, var(--foreground) 8%, transparent);touch-action:none;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s}.screen-layout-component.svelte-n3aylv:hover{border-color:hsl(var(--screen-component-accent) / .78);box-shadow:inset 0 0 0 1px hsl(var(--screen-component-accent) / .18), 0 8px 22px hsl(var(--screen-component-accent) / .16)}.screen-layout-component[aria-pressed=true].svelte-n3aylv{border-color:hsl(var(--screen-component-accent));--tw-ring-color:hsl(var(--screen-component-accent) / .65)}.screen-layout-component-empty.svelte-n3aylv{background:linear-gradient(45deg, color-mix(in oklab, var(--muted) 58%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklab, var(--muted) 58%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklab, var(--muted) 58%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklab, var(--muted) 58%, transparent) 75%), color-mix(in oklab, var(--background) 82%, transparent);background-position:0 0,0 9px,9px -9px,-9px 0,0 0;background-size:18px 18px,18px 18px,18px 18px,18px 18px,auto;border-style:dashed}.screen-template-option.svelte-n3aylv{min-height:5.5rem}.screen-template-preview-grid.svelte-n3aylv{grid-template-columns:var(--screen-grid-columns);grid-template-rows:var(--screen-grid-rows);aspect-ratio:16/10;border:1px solid var(--border);background:linear-gradient(45deg, color-mix(in oklab, var(--muted) 35%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklab, var(--muted) 35%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklab, var(--muted) 35%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklab, var(--muted) 35%, transparent) 75%), var(--background);background-position:0 0,0 6px,6px -6px,-6px 0,0 0;background-size:12px 12px,12px 12px,12px 12px,12px 12px,auto;border-radius:.375rem;gap:0;width:6rem;display:grid;overflow:hidden}.screen-template-preview-area.svelte-n3aylv{border:1px solid hsl(var(--screen-component-accent) / .45);background:hsl(var(--screen-component-accent) / .16);min-width:0;min-height:0;color:hsl(var(--screen-component-accent));justify-content:center;align-items:center;display:flex}.screen-layout-component-chip.svelte-n3aylv{border-color:hsl(var(--screen-component-accent) / .22);background:color-mix(in oklab, var(--background) 88%, transparent);color:var(--foreground)}.screen-layout-component-chip.svelte-n3aylv:hover,.screen-layout-component-chip[aria-pressed=true].svelte-n3aylv{border-color:hsl(var(--screen-component-accent) / .72);background:hsl(var(--screen-component-accent) / .1)}.screen-layout-component-chip-index.svelte-n3aylv,.screen-layout-selected-index.svelte-n3aylv{border:1px solid hsl(var(--screen-component-accent) / .36);background:hsl(var(--screen-component-accent) / .14);color:hsl(var(--screen-component-accent));justify-content:center;align-items:center;font-weight:700;display:inline-flex}.screen-layout-component-chip-index.svelte-n3aylv{border-radius:9999px;width:1.25rem;height:1.25rem;font-size:.68rem}.screen-layout-selected-index.svelte-n3aylv{border-radius:.5rem;width:1.75rem;height:1.75rem;font-size:.78rem}.screen-layout-add-component-item.svelte-n3aylv{cursor:pointer}.screen-layout-add-component-icon.svelte-n3aylv{border:1px solid hsl(var(--screen-component-accent) / .28);background:hsl(var(--screen-component-accent) / .12);color:hsl(var(--screen-component-accent))}.screen-layout-component-interacting.svelte-n3aylv{box-shadow:inset 0 0 0 1px hsl(var(--screen-component-accent) / .28), 0 10px 26px hsl(var(--screen-component-accent) / .2);transform:scale(1.01)}.screen-layout-component-snapped.svelte-n3aylv{animation:.18s ease-out svelte-n3aylv-screen-layout-snap}.screen-layout-component-rejected.svelte-n3aylv{border-color:var(--destructive);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--destructive) 30%, transparent), 0 0 0 3px color-mix(in oklab, var(--destructive) 15%, transparent);animation:.26s ease-out svelte-n3aylv-screen-layout-reject}.screen-layout-stack-badge.svelte-n3aylv{border:1px solid hsl(var(--screen-component-accent) / .35);background:hsl(var(--screen-component-accent) / .12);width:1.4rem;height:1.4rem;color:hsl(var(--screen-component-accent));border-radius:9999px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:.45rem;left:.45rem}.screen-layout-component-icon.svelte-n3aylv{box-shadow:inset 0 0 0 1px hsl(var(--screen-component-accent) / .16)}.dark .screen-layout-component.svelte-n3aylv{background:linear-gradient(135deg, var(--screen-component-surface-dark), color-mix(in oklab, var(--muted) 10%, transparent)), var(--background);box-shadow:inset 0 0 0 1px hsl(var(--screen-component-accent) / .12), 0 1px 2px #00000047}.dark .screen-layout-stack-badge.svelte-n3aylv{background:hsl(var(--screen-component-accent) / .24);color:hsl(var(--screen-component-accent) / .95)}.screen-layout-resize-handle.svelte-n3aylv{z-index:20;border:2px solid var(--background);background:var(--primary);width:.85rem;height:.85rem;box-shadow:0 2px 6px color-mix(in oklab, var(--foreground) 20%, transparent);border-radius:9999px;position:absolute}.screen-layout-resize-handle-nw.svelte-n3aylv{cursor:nwse-resize;top:-.45rem;left:-.45rem}.screen-layout-resize-handle-ne.svelte-n3aylv{cursor:nesw-resize;top:-.45rem;right:-.45rem}.screen-layout-resize-handle-sw.svelte-n3aylv{cursor:nesw-resize;bottom:-.45rem;left:-.45rem}.screen-layout-resize-handle-se.svelte-n3aylv{cursor:nwse-resize;bottom:-.45rem;right:-.45rem}.screen-layout-preview-grid[data-preview=phone].svelte-n3aylv{background:color-mix(in oklab, var(--muted) 20%, transparent);grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:minmax(12rem,auto);overflow:hidden auto}.screen-layout-preview-grid[data-preview=phone].svelte-n3aylv>.screen-layout-component:where(.svelte-n3aylv){order:var(--screen-component-order);cursor:default;touch-action:auto;min-height:12rem;grid-area:auto/1/auto/-1!important}@media (width<=640px){.screen-layout-preview.svelte-n3aylv{aspect-ratio:9/16;max-width:100%}.screen-layout-preview-grid.svelte-n3aylv{background:color-mix(in oklab, var(--muted) 20%, transparent);grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:minmax(12rem,auto);overflow:hidden auto}.screen-layout-preview-grid.svelte-n3aylv>.screen-layout-component:where(.svelte-n3aylv){order:var(--screen-component-order);cursor:default;touch-action:auto;min-height:12rem;grid-area:auto/1/auto/-1!important}}@keyframes svelte-n3aylv-screen-layout-snap{0%{transform:scale(1)}45%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes svelte-n3aylv-screen-layout-reject{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.screen-layout-component.svelte-n3aylv,.screen-layout-component-snapped.svelte-n3aylv,.screen-layout-component-rejected.svelte-n3aylv{transition:none;animation:none}}.screen-setup-component-index.svelte-1en8g6g,.screen-setup-component-icon.svelte-1en8g6g{background:hsl(var(--screen-component-accent) / .12);color:hsl(var(--screen-component-accent));justify-content:center;align-items:center;display:inline-flex}.screen-setup-component-index.svelte-1en8g6g{border-radius:9999px;width:1.5rem;height:1.5rem;font-size:.72rem;font-weight:700}.screen-setup-component-icon.svelte-1en8g6g{border-radius:.5rem;width:2rem;height:2rem}.screen-setup-review-layout.svelte-1en8g6g{grid-template-columns:minmax(0,1fr) minmax(19rem,24rem);gap:.75rem;min-height:min(56vh,35rem);display:grid}.screen-setup-review-preview-panel.svelte-1en8g6g,.screen-setup-review-panel.svelte-1en8g6g{border:1px solid var(--border);background:var(--background);border-radius:.5rem;min-width:0;overflow:hidden}.screen-setup-review-preview-panel.svelte-1en8g6g,.screen-setup-review-side.svelte-1en8g6g,.screen-setup-review-components-panel.svelte-1en8g6g{flex-direction:column;min-height:0;display:flex}.screen-setup-review-side.svelte-1en8g6g{gap:.75rem}.screen-setup-review-panel-heading.svelte-1en8g6g{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.screen-setup-review-heading-icon.svelte-1en8g6g{background:color-mix(in oklch, var(--muted) 62%, var(--background));width:2rem;height:2rem;color:var(--foreground);border-radius:.5rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.screen-setup-review-count.svelte-1en8g6g{background:var(--muted);border-radius:9999px;justify-content:center;align-items:center;min-width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;display:inline-flex}.screen-setup-review-preview-board.svelte-1en8g6g{background-color:color-mix(in oklch, var(--background) 82%, var(--muted));background-image:linear-gradient(45deg, color-mix(in oklch, var(--muted) 38%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklch, var(--muted) 38%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklch, var(--muted) 38%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklch, var(--muted) 38%, transparent) 75%);background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0;background-size:1.25rem 1.25rem;flex:1;min-height:24rem;padding:.75rem}.screen-setup-review-screen-frame.svelte-1en8g6g{width:100%;height:100%;min-height:24rem;box-shadow:0 0 0 1px color-mix(in oklch, var(--border) 78%, transparent);border-radius:.5rem;overflow:hidden}.screen-setup-review-url.svelte-1en8g6g{background:var(--muted);border-radius:.5rem;align-items:flex-start;gap:.5rem;min-width:0;padding:.5rem .625rem;display:flex}.screen-setup-device-url.svelte-1en8g6g{background:var(--background);min-width:0;box-shadow:inset 0 0 0 1px var(--border);border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.5rem .625rem;display:flex}.screen-setup-review-component-list.svelte-1en8g6g{min-height:0;overflow-y:auto}.screen-setup-review-component-row.svelte-1en8g6g{border-bottom:1px solid var(--border);gap:.625rem;min-width:0;padding:.625rem .75rem;display:flex}.screen-setup-review-component-row.svelte-1en8g6g:last-child{border-bottom:0}.screen-setup-review-component-tags.svelte-1en8g6g{flex-wrap:wrap;gap:.375rem;min-width:0;padding-top:.25rem;display:flex}.screen-setup-review-component-tags.svelte-1en8g6g span:where(.svelte-1en8g6g){background:hsl(var(--screen-component-accent) / .1);text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:hsl(var(--screen-component-accent));border-radius:9999px;padding:.125rem .4rem;font-size:.6875rem;line-height:1rem;overflow:hidden}@media (width<=900px){.screen-setup-review-layout.svelte-1en8g6g{grid-template-columns:1fr;min-height:0}.screen-setup-review-preview-board.svelte-1en8g6g,.screen-setup-review-screen-frame.svelte-1en8g6g{min-height:18rem}}