.font-picker.svelte-365o7y{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden}.mode-toggle.svelte-365o7y{border-bottom:1px solid var(--color-border);display:flex}.mode-btn.svelte-365o7y{padding:var(--spacing-3) var(--spacing-4);cursor:pointer;font-size:var(--text-fluid-sm);color:var(--color-muted);transition:color var(--duration-fast), background-color var(--duration-fast);background:0 0;border:none;flex:1;font-weight:500}.mode-btn.svelte-365o7y:hover{color:var(--color-fg)}.mode-btn.active.svelte-365o7y{color:var(--color-fg);background:color-mix(in srgb, var(--color-primary) 12%, transparent);font-weight:600}.tabs.svelte-365o7y{border-bottom:1px solid var(--color-border);background:var(--color-subtle);display:flex}.tab.svelte-365o7y{padding:var(--spacing-3) var(--spacing-4);cursor:pointer;font-size:var(--text-fluid-sm);color:var(--color-muted);transition:color var(--duration-fast);background:0 0;border:none;flex:1;font-weight:500;position:relative}.tab.svelte-365o7y:hover{color:var(--color-fg)}.tab.active.svelte-365o7y{color:var(--color-fg);font-weight:600}.tab.active.svelte-365o7y:after{content:"";bottom:0;left:var(--spacing-4);right:var(--spacing-4);background:var(--color-primary);border-radius:1px 1px 0 0;height:2px;position:absolute}.font-list.svelte-365o7y{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.font-list.compact.svelte-365o7y{max-height:140px}.font-option.svelte-365o7y{padding:var(--spacing-3) var(--spacing-5);cursor:pointer;text-align:left;color:var(--color-fg);font-size:var(--text-fluid-base);transition:background-color var(--duration-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.font-option.svelte-365o7y:hover{background:var(--color-subtle)}.font-option.selected.svelte-365o7y{background:color-mix(in srgb, var(--color-primary) 12%, transparent);font-weight:500}.font-name.svelte-365o7y{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge.svelte-365o7y{text-transform:uppercase;letter-spacing:.05em;padding:1px var(--spacing-2);border-radius:var(--radius-sm);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);flex-shrink:0;font-size:.6875rem;font-weight:600}.font-meta.svelte-365o7y{padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--color-border);background:var(--color-subtle);justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.meta-note.svelte-365o7y{font-size:var(--text-fluid-sm);color:var(--color-muted);margin:0;line-height:1.4}.meta-status.svelte-365o7y{font-size:var(--text-fluid-sm);flex-shrink:0;font-weight:500}.meta-status.loading.svelte-365o7y{color:var(--color-primary)}.meta-status.error.svelte-365o7y{color:var(--color-error)}.pairing-sections.svelte-365o7y,.pairing-section.svelte-365o7y{flex-direction:column;display:flex}.section-header.svelte-365o7y{padding:var(--spacing-2) var(--spacing-5);background:var(--color-subtle);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.section-label.svelte-365o7y{font-size:var(--text-fluid-sm);color:var(--color-fg);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.swap-row.svelte-365o7y{padding:var(--spacing-1) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-subtle);justify-content:center;display:flex}.swap-btn.svelte-365o7y{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--color-muted);font-size:var(--text-fluid-sm);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);display:flex}.swap-btn.svelte-365o7y:hover{color:var(--color-fg);border-color:var(--color-fg)}.presets.svelte-365o7y{border-top:1px solid var(--color-border);padding:var(--spacing-3) var(--spacing-5);background:var(--color-subtle)}.presets-label.svelte-365o7y{font-size:var(--text-fluid-sm);color:var(--color-fg);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3);font-weight:600;display:block}.preset-list.svelte-365o7y{gap:var(--spacing-2);flex-direction:column;display:flex}.preset-card.svelte-365o7y{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--surface-1);cursor:pointer;text-align:left;transition:border-color var(--duration-fast);flex-direction:column;gap:2px;display:flex}.preset-card.svelte-365o7y:hover{border-color:var(--color-primary)}.preset-card.active.svelte-365o7y{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.preset-name.svelte-365o7y{font-size:var(--text-fluid-sm);color:var(--color-fg);font-weight:600}.preset-desc.svelte-365o7y{color:var(--color-muted);font-size:.6875rem;line-height:1.3}.preview.svelte-5bqwqo{min-height:200px}.variant-list.svelte-5bqwqo{gap:var(--spacing-5);flex-direction:column;display:flex}.variant-row.svelte-5bqwqo{gap:var(--spacing-5);transition:opacity var(--duration-fast);align-items:baseline;display:flex}.variant-row.loading.svelte-5bqwqo{opacity:.5}.variant-label.svelte-5bqwqo{width:7rem;font-size:var(--text-fluid-sm);color:var(--color-muted);text-align:right;flex-shrink:0;font-family:system-ui,sans-serif}.variant-sample.svelte-5bqwqo{flex:1;min-width:0}.custom-preview.svelte-5bqwqo{gap:var(--spacing-5);flex-direction:column;display:flex}.custom-input-wrap.svelte-5bqwqo{margin-top:var(--spacing-5);gap:var(--spacing-3);display:flex}.custom-input.svelte-5bqwqo{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);font-size:var(--text-fluid-base);transition:border-color var(--duration-fast);outline:none;flex:1}.custom-input.svelte-5bqwqo::placeholder{color:var(--color-muted)}.custom-input.svelte-5bqwqo:focus{border-color:var(--color-primary)}.clear-btn.svelte-5bqwqo{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--color-muted);font-size:var(--text-fluid-sm);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);flex-shrink:0}.clear-btn.svelte-5bqwqo:hover{color:var(--color-fg);border-color:var(--color-fg)}.preview.svelte-5bqwqo code{font-family:Fira Code,Courier New,monospace!important}@media (width<=640px){.variant-row.svelte-5bqwqo{gap:var(--spacing-1);flex-direction:column}.variant-label.svelte-5bqwqo{text-align:left;width:auto}}.prose.svelte-mkjekc{gap:var(--spacing-5);flex-direction:column;max-width:65ch;display:flex}.heading-wrap.svelte-mkjekc{margin-top:var(--spacing-4);transition:opacity var(--duration-fast)}.heading-wrap.svelte-mkjekc:first-child{margin-top:0}.body-wrap.svelte-mkjekc{transition:opacity var(--duration-fast)}.loading.svelte-mkjekc{opacity:.5}.quote.svelte-mkjekc{margin:var(--spacing-4) 0;padding-left:var(--spacing-5);border-left:3px solid var(--color-primary);gap:var(--spacing-2);transition:opacity var(--duration-fast);flex-direction:column;display:flex}.layout.svelte-193abvh{gap:var(--spacing-6);flex-direction:column;display:flex}.sidebar.svelte-193abvh{flex-shrink:0}.preview-area.svelte-193abvh{flex:1;min-width:0}.view-toggle.svelte-193abvh{margin-bottom:var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;width:fit-content;display:flex;overflow:hidden}.view-tab.svelte-193abvh{padding:var(--spacing-2) var(--spacing-5);cursor:pointer;font-size:var(--text-fluid-sm);color:var(--color-muted);transition:color var(--duration-fast), background-color var(--duration-fast);background:0 0;border:none;font-weight:500}.view-tab.svelte-193abvh:hover{color:var(--color-fg);background:var(--color-subtle)}.view-tab.active.svelte-193abvh{color:var(--color-fg);background:color-mix(in srgb, var(--color-primary) 12%, transparent);font-weight:600}@media (width>=1024px){.layout.svelte-193abvh{flex-direction:row}.sidebar.svelte-193abvh{width:300px;top:var(--spacing-7);align-self:flex-start;position:sticky}}