.playground.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--space-xl)}.page-header.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--space-xs)}.page-header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:var(--text-2xl);font-weight:800}.subtitle.svelte-1uha8ag{color:var(--text-secondary);font-size:var(--text-base)}.controls.svelte-1uha8ag{display:flex;gap:var(--space-lg);flex-wrap:wrap;padding:var(--space-lg);background:var(--surface-1);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.selector.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--space-xs)}.selector-label.svelte-1uha8ag{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.controls.svelte-1uha8ag select:where(.svelte-1uha8ag),.selector.svelte-1uha8ag select:where(.svelte-1uha8ag){background:var(--surface-2);color:var(--text-primary);border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.field-toggles.svelte-1uha8ag{padding:var(--space-lg);background:var(--surface-1);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.section-label.svelte-1uha8ag{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-sm)}.section-hint.svelte-1uha8ag{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.toggle-grid.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.toggle.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-xs);padding:4px 10px;background:var(--surface-2);border:1px solid var(--surface-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.toggle.unavailable.svelte-1uha8ag{opacity:.35;cursor:default}.toggle-label.svelte-1uha8ag{font-family:var(--font-mono);font-size:var(--text-xs)}.results.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--space-xl)}.result-section.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--space-sm)}.component-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg)}.no-mask.svelte-1uha8ag{padding:var(--space-2xl);text-align:center;color:var(--text-muted);background:var(--surface-1);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}