.screen-component-preview.svelte-ux6eju{background:linear-gradient(135deg, hsl(var(--screen-component-accent) / .09), color-mix(in oklch, var(--background) 82%, var(--muted)));flex-direction:column;justify-content:center;gap:.625rem;min-width:0;height:100%;min-height:0;padding:.875rem;display:flex;overflow:hidden}.screen-component-preview-header.svelte-ux6eju{align-items:center;gap:.5rem;min-width:0;display:flex}.screen-component-preview-icon.svelte-ux6eju{background:hsl(var(--screen-component-accent) / .12);width:1.875rem;height:1.875rem;color:hsl(var(--screen-component-accent));border-radius:.5rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.screen-component-preview-lines.svelte-ux6eju{gap:.375rem;display:grid}.screen-component-preview-lines.svelte-ux6eju span:where(.svelte-ux6eju){background:color-mix(in oklch, var(--muted) 78%, var(--background));border-radius:9999px;height:.5rem;display:block}.screen-component-preview-lines.svelte-ux6eju span:where(.svelte-ux6eju):nth-child(2){width:74%}.screen-component-preview-lines.svelte-ux6eju span:where(.svelte-ux6eju):nth-child(3){width:48%}.screen-component-preview-scan.svelte-ux6eju{background:linear-gradient(hsl(var(--screen-component-accent)), hsl(var(--screen-component-accent))) top left / 1rem 2px no-repeat, linear-gradient(hsl(var(--screen-component-accent)), hsl(var(--screen-component-accent))) top left / 2px 1rem no-repeat, linear-gradient(hsl(var(--screen-component-accent)), hsl(var(--screen-component-accent))) top right / 1rem 2px no-repeat, linear-gradient(hsl(var(--screen-component-accent)), hsl(var(--screen-component-accent))) top right / 2px 1rem no-repeat, linear-gradient(hsl(var(--screen-component-accent)), hsl(var(--screen-component-accent))) bottom left / 1rem 2px no-repeat, linear-gradient(hsl(var(--screen-component-accent)), hsl(var(--screen-component-accent))) bottom left / 2px 1rem no-repeat, linear-gradient(hsl(var(--screen-component-accent)), hsl(var(--screen-component-accent))) bottom right / 1rem 2px no-repeat, linear-gradient(hsl(var(--screen-component-accent)), hsl(var(--screen-component-accent))) bottom right / 2px 1rem no-repeat;opacity:.78;border-radius:.75rem;width:3.75rem;height:3.75rem;position:relative}.screen-component-preview-scan.svelte-ux6eju span:where(.svelte-ux6eju){background:hsl(var(--screen-component-accent));opacity:.45;height:2px;position:absolute;top:50%;left:.75rem;right:.75rem}.screen-component-preview-media.svelte-ux6eju{background:linear-gradient(135deg, transparent 58%, color-mix(in oklch, var(--muted) 70%, white) 0), color-mix(in oklch, var(--muted) 54%, var(--background));border-radius:.75rem;height:3.75rem}.screen-display-grid.svelte-1eiq930{grid-template-columns:var(--screen-grid-columns);grid-template-rows:var(--screen-grid-rows);gap:var(--screen-grid-gap);background:var(--background);width:100vw;height:100dvh;font-family:system-ui,sans-serif;display:grid;overflow:auto}.screen-display-grid-preview.svelte-1eiq930{border-radius:inherit;background:color-mix(in oklch, var(--background) 88%, var(--muted));width:100%;height:100%;min-height:0;overflow:hidden}.screen-display-component.svelte-1eiq930{background:var(--background);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.screen-display-component-preview.svelte-1eiq930{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--border) 70%, transparent)}@media (width<=767px){.screen-display-grid.svelte-1eiq930:not(.screen-display-grid-preview){grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:minmax(100dvh,auto);height:auto;min-height:100dvh;overflow:hidden auto}.screen-display-grid.svelte-1eiq930:not(.screen-display-grid-preview) .screen-display-component:where(.svelte-1eiq930){order:var(--screen-component-order);min-height:100dvh;grid-area:auto/1/auto/-1!important}}