.tool-page.svelte-yspb9c{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.hero.svelte-yspb9c{background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) 0 var(--space-3)}.hero-inner.svelte-yspb9c{display:flex;flex-direction:column}.breadcrumb.svelte-yspb9c{display:flex;align-items:center;margin-bottom:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.breadcrumb-sep.svelte-yspb9c{margin:0 var(--space-2);color:var(--color-text-muted)}.breadcrumb-link.svelte-yspb9c{color:var(--color-primary);text-decoration:none}.breadcrumb-link.svelte-yspb9c:hover{text-decoration:underline}.breadcrumb-current.svelte-yspb9c{color:var(--color-text-muted)}.hero-title.svelte-yspb9c{margin:0 0 var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-h1);font-weight:700;letter-spacing:-.02em;color:var(--color-text);line-height:1.15}.hero-lead.svelte-yspb9c{margin:0;max-width:52rem;font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.6}.tool-body.svelte-yspb9c{padding-top:var(--space-4);padding-bottom:var(--space-7)}.tool-stack.svelte-yspb9c{display:flex;flex-direction:column;margin-bottom:var(--space-3)}.tool-stack.svelte-yspb9c>*+*{margin-top:var(--space-3)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;border:2px dashed var(--color-border-strong);cursor:pointer;text-align:center}.dropzone .drop-label{margin:0;color:var(--color-text-muted);font-size:var(--font-size-body)}.dropzone .drop-help{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-small);font-family:var(--font-family-mono)}.tool-card.svelte-yspb9c{padding:var(--space-4);display:flex;flex-direction:column}.card-kicker.svelte-yspb9c{margin:0 0 var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted)}.card-note.svelte-yspb9c{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-body);line-height:1.6}.ready-card.svelte-yspb9c{padding:var(--space-3);border:1px solid color-mix(in oklab,var(--color-primary) 45%,var(--color-border-subtle));background:color-mix(in oklab,var(--color-primary) 12%,var(--color-surface))}.ready-title.svelte-yspb9c{margin:0 0 4px;color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.ready-meta.svelte-yspb9c{margin:0;color:var(--color-text-muted);font-size:var(--font-size-small)}.advanced-toggle.svelte-yspb9c{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.advanced-chevron.svelte-yspb9c{font-family:var(--font-family-mono);color:var(--color-text-muted)}.control-grid.svelte-yspb9c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.control.svelte-yspb9c{display:flex;flex-direction:column}.control-label.svelte-yspb9c{margin-bottom:var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted)}.control-value.svelte-yspb9c{margin-top:var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text)}.control.svelte-yspb9c input[type=range]{width:100%}.control.svelte-yspb9c select{min-height:2.25rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-2)}.action-btn.svelte-yspb9c{width:100%}.error-msg.svelte-yspb9c{margin:var(--space-2) 0 0;color:var(--color-danger);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.preview-card.svelte-yspb9c{padding:var(--space-4)}.preview-header.svelte-yspb9c{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.preview-title.svelte-yspb9c{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-body);color:var(--color-text)}.svg-preview.svelte-yspb9c{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px);background:var(--color-surface-sunken);min-height:240px;display:flex;align-items:center;justify-content:center;overflow:auto}.svg-preview.svelte-yspb9c svg{display:block;max-width:100%;max-height:420px;height:auto;width:auto}.seo-content.svelte-yspb9c{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.seo-heading.svelte-yspb9c{margin:0 0 var(--space-3);font-family:var(--font-family-mono);font-size:var(--font-size-h3);font-weight:600;color:var(--color-text)}.seo-heading.svelte-yspb9c:not(:first-child){margin-top:var(--space-5)}.seo-content.svelte-yspb9c p:where(.svelte-yspb9c){margin:0 0 var(--space-3);font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.65}.seo-stats.svelte-yspb9c{margin:0 0 var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px);background:var(--color-surface);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-2);column-gap:var(--space-3)}.seo-stat.svelte-yspb9c{display:flex;flex-direction:column}.seo-stat.svelte-yspb9c dt:where(.svelte-yspb9c){margin:0 0 4px;font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text)}.seo-stat.svelte-yspb9c dd:where(.svelte-yspb9c){margin:0;color:var(--color-text-muted);line-height:1.5}.seo-list.svelte-yspb9c{margin:0 0 var(--space-3);padding-left:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-body);line-height:1.65}.seo-list.svelte-yspb9c li:where(.svelte-yspb9c){margin-bottom:var(--space-2)}.seo-list.svelte-yspb9c li:where(.svelte-yspb9c) strong:where(.svelte-yspb9c){color:var(--color-text);font-weight:600}.seo-faq-q.svelte-yspb9c{margin:0 0 var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-body);color:var(--color-text)}.seo-faq.svelte-yspb9c p{margin:0 0 var(--space-3)}.seo-link.svelte-yspb9c{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.seo-link.svelte-yspb9c:hover{color:var(--color-text)}@media(max-width:600px){.hero.svelte-yspb9c{padding:var(--space-2) 0}.hero-title.svelte-yspb9c{font-size:var(--font-size-h2);margin-bottom:var(--space-1)}.tool-body.svelte-yspb9c{padding-top:var(--space-3)}.control-grid.svelte-yspb9c{grid-template-columns:1fr}.preview-header.svelte-yspb9c{align-items:flex-start;flex-direction:column}.preview-header.svelte-yspb9c .button{margin-top:var(--space-2);width:100%}.seo-stats.svelte-yspb9c{grid-template-columns:1fr}}