.tool-page.svelte-p25510{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.hero.svelte-p25510{background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) 0 var(--space-3)}.hero-inner.svelte-p25510{display:flex;flex-direction:column;gap:var(--space-2)}.breadcrumb.svelte-p25510{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.breadcrumb-link.svelte-p25510{color:var(--color-primary);text-decoration:none}.breadcrumb-link.svelte-p25510:hover{text-decoration:underline}.breadcrumb-sep.svelte-p25510,.breadcrumb-current.svelte-p25510{color:var(--color-text-muted)}.hero-title.svelte-p25510{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}.tool-body.svelte-p25510{padding-top:var(--space-4);padding-bottom:var(--space-7);display:flex;flex-direction:column;gap:var(--space-3)}.dropzone{display:flex;align-items:center;justify-content:center;min-height:120px;border:2px dashed var(--color-border-strong);cursor:pointer}.dropzone .drop-label{margin:0;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-body)}.workspace-card.svelte-p25510{display:grid;grid-template-columns:1fr 360px}.preview-wrap.svelte-p25510{padding:var(--space-4);background-image:repeating-conic-gradient(rgba(255,255,255,.04) 0% 25%,transparent 0% 50%);background-size:24px 24px;border-right:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;min-height:320px;overflow:hidden}.preview-image.svelte-p25510{display:block;max-width:80%;max-height:360px;height:auto;transform-origin:center center;transition:transform .2s ease}.controls.svelte-p25510{padding:var(--space-4);display:flex;flex-direction:column}.field-label.svelte-p25510{display:block;margin-bottom:var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted)}.quick-angles.svelte-p25510,.nudge-row.svelte-p25510{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-3)}.chip.svelte-p25510{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:6px 12px;background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-small);cursor:pointer}.chip.svelte-p25510:hover{border-color:var(--color-primary)}.chip.is-active.svelte-p25510{border-color:var(--color-primary);background:var(--color-brand-soft)}.slider.svelte-p25510{width:100%;margin-bottom:var(--space-2);accent-color:var(--color-primary)}.text-input.svelte-p25510{width:100%;margin-bottom:var(--space-3)}.bg-row.svelte-p25510{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.bg-option.svelte-p25510{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text);cursor:pointer}.bg-option.svelte-p25510 input[type=radio]:where(.svelte-p25510){accent-color:var(--color-primary)}.color-input.svelte-p25510{width:28px;height:28px;padding:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.hint.svelte-p25510{margin:var(--space-1) 0 var(--space-3);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:1.5}.action-btn.svelte-p25510{margin-top:var(--space-2);width:100%;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:600;color:var(--color-bg);background:var(--color-primary);cursor:pointer;transition:opacity .2s ease}.action-btn.svelte-p25510:disabled{opacity:.55;cursor:not-allowed}.error-msg.svelte-p25510{margin:var(--space-2) 0 0;color:var(--color-danger);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.seo-link.svelte-p25510{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.seo-link.svelte-p25510:hover{color:var(--color-text)}.seo-content.svelte-p25510{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.seo-heading.svelte-p25510{font-family:var(--font-family-mono);font-size:var(--font-size-h3);font-weight:600;color:var(--color-text);margin:0 0 var(--space-3)}.seo-heading.svelte-p25510:not(:first-child){margin-top:var(--space-5)}.seo-content.svelte-p25510 p:where(.svelte-p25510){margin:0 0 var(--space-3);font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.65}.seo-stats.svelte-p25510{margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.seo-stat.svelte-p25510{display:grid;gap:2px}.seo-stat.svelte-p25510 dt:where(.svelte-p25510){font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted)}.seo-stat.svelte-p25510 dd:where(.svelte-p25510){margin:0;font-size:var(--font-size-body);color:var(--color-text)}.seo-list.svelte-p25510{margin:0 0 var(--space-4);padding-left:1.15rem;color:var(--color-text-muted)}.seo-list.svelte-p25510 li:where(.svelte-p25510){margin:0 0 var(--space-2);line-height:1.6}.seo-list.svelte-p25510 strong:where(.svelte-p25510){color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.seo-faq.svelte-p25510{display:grid;gap:var(--space-1)}.seo-faq-q.svelte-p25510{margin:var(--space-2) 0 var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:600;color:var(--color-text)}@media(max-width:900px){.workspace-card.svelte-p25510{grid-template-columns:1fr}.preview-wrap.svelte-p25510{border-right:none;border-bottom:1px solid var(--color-border-subtle)}.seo-stats.svelte-p25510{grid-template-columns:1fr}}@media(max-width:600px){.hero.svelte-p25510{padding:var(--space-2) 0}.hero-title.svelte-p25510{font-size:var(--font-size-h2);margin-bottom:var(--space-1)}.tool-body.svelte-p25510{padding-top:var(--space-3);gap:var(--space-2)}}
