.preview-shell.svelte-9y27qs{border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 1.5rem 4rem var(--shadow)}.preview-shell.svelte-9y27qs h2:where(.svelte-9y27qs){color:var(--ink);font-family:var(--font-display);letter-spacing:-.035em;font-weight:400}.preview-shell.svelte-9y27qs>div:where(.svelte-9y27qs):first-child p:where(.svelte-9y27qs){color:var(--muted)}.preview-layout.svelte-9y27qs{min-width:0}.preview-canvas.svelte-9y27qs{aspect-ratio:1;flex:none;width:min(100%,500px);max-width:100%}.preview-stats.svelte-9y27qs{width:min(100%,500px);min-width:0}.optimize-button.svelte-9y27qs{border:1px solid var(--project-accent);background:color-mix(in srgb, var(--project-accent) 12%, transparent);color:var(--project-accent);box-shadow:0 .65rem 1.5rem color-mix(in srgb, var(--project-accent) 14%, transparent)}.optimize-button.svelte-9y27qs:hover:not(:disabled){background:color-mix(in srgb, var(--project-accent) 20%, transparent);transform:translateY(-.15rem)}.optimize-button.svelte-9y27qs:disabled{cursor:not-allowed;opacity:.45}.preview-panel.svelte-9y27qs{border-color:var(--line);background:var(--canvas);box-shadow:0 .75rem 2rem var(--shadow)}.preview-panel.svelte-9y27qs h3:where(.svelte-9y27qs){color:var(--ink);font-family:var(--font-display);font-weight:400}.preview-panel.svelte-9y27qs p:where(.svelte-9y27qs){color:var(--muted)}.preview-shell.svelte-1j4fif1{border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 1.5rem 4rem var(--shadow)}.preview-shell.svelte-1j4fif1 h2:where(.svelte-1j4fif1){color:var(--ink);font-family:var(--font-display);letter-spacing:-.035em;font-weight:400}.preview-shell.svelte-1j4fif1>div:where(.svelte-1j4fif1):first-child p:where(.svelte-1j4fif1){color:var(--muted)}.preview-layout.svelte-1j4fif1{min-width:0}.preview-canvas.svelte-1j4fif1{aspect-ratio:1;flex:none;width:min(100%,400px);max-width:100%}.preview-stats.svelte-1j4fif1{min-width:0}.mode-toggle.svelte-1j4fif1{border-color:var(--line);background:var(--canvas);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 3%, transparent)}.mode-button.svelte-1j4fif1{color:var(--muted)}.mode-button.svelte-1j4fif1:hover{color:var(--ink)}.mode-button.active.svelte-1j4fif1{background:var(--project-accent);color:var(--on-accent);box-shadow:0 .5rem 1.25rem color-mix(in srgb, var(--project-accent) 22%, transparent)}.preview-panel.svelte-1j4fif1{border-color:var(--line);background:var(--canvas);box-shadow:0 .75rem 2rem var(--shadow)}.preview-panel.svelte-1j4fif1 h3:where(.svelte-1j4fif1){color:var(--ink);font-family:var(--font-display);font-weight:400}@media (width>=1024px){.preview-canvas.svelte-1j4fif1{flex:400px}}.breadcrumbs.svelte-tnudtg,.next.svelte-tnudtg{color:var(--muted);align-items:center;gap:.65rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.next.svelte-tnudtg{border-top:1px solid var(--line);justify-content:space-between;padding:2rem 0 4rem}.preview-intro.svelte-tnudtg{border-left:3px solid var(--project-accent);padding-left:1rem}