.flow-page.svelte-1dxshi1{max-width:1400px;margin:0 auto;padding:var(--space-6)}.page-header.svelte-1dxshi1{margin-bottom:var(--space-6)}.page-header.svelte-1dxshi1 h1:where(.svelte-1dxshi1){margin:0;font-size:var(--text-2xl);font-weight:500;color:var(--text-primary)}.subtitle.svelte-1dxshi1{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--text-muted)}.mode-selector.svelte-1dxshi1{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-8)}.mode-tab.svelte-1dxshi1{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-water);text-align:left}.mode-tab.svelte-1dxshi1:hover{background:var(--surface-2);border-color:var(--border-visible)}.mode-tab.active.svelte-1dxshi1{background:var(--surface-2);border-color:var(--glow-cyan);color:var(--text-primary)}.mode-tab.active.svelte-1dxshi1 .mode-icon:where(.svelte-1dxshi1){color:var(--glow-cyan);text-shadow:var(--shadow-glow-sm) var(--glow-cyan)}.mode-icon.svelte-1dxshi1{font-size:var(--text-xl);flex-shrink:0;transition:all var(--duration-fast) var(--ease-water)}.mode-text.svelte-1dxshi1{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.mode-label.svelte-1dxshi1{font-size:var(--text-base);font-weight:500}.mode-description.svelte-1dxshi1{font-size:var(--text-xs);color:var(--text-muted)}.mode-content.svelte-1dxshi1{min-height:400px}@media(max-width:768px){.mode-selector.svelte-1dxshi1{grid-template-columns:1fr}}