.tool-page.svelte-1vc6pz5{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.hero.svelte-1vc6pz5{background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) 0 var(--space-3)}.hero-inner.svelte-1vc6pz5{display:flex;flex-direction:column;gap:var(--space-2)}.breadcrumb.svelte-1vc6pz5{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.breadcrumb-link.svelte-1vc6pz5{color:var(--color-primary);text-decoration:none}.breadcrumb-link.svelte-1vc6pz5:hover{text-decoration:underline}.breadcrumb-sep.svelte-1vc6pz5,.breadcrumb-current.svelte-1vc6pz5{color:var(--color-text-muted)}.hero-title.svelte-1vc6pz5{margin:0;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-1vc6pz5{padding-top:var(--space-4);padding-bottom:var(--space-7);display:flex;flex-direction:column;gap:var(--space-4)}.dropzone-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.dropzone-card:hover,.dropzone-card:focus-visible{border-color:var(--color-brand);background:var(--color-brand-soft);outline:none}.dropzone-card[data-drag-active=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.dz-icon.svelte-1vc6pz5{color:var(--color-text-muted);opacity:.6}.dropzone-card:hover .dz-icon.svelte-1vc6pz5{color:var(--color-brand);opacity:1}.dz-label.svelte-1vc6pz5{margin:0;font-size:var(--font-size-body);color:var(--color-text-muted)}.dz-badges.svelte-1vc6pz5{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.dz-badge.svelte-1vc6pz5{font-family:var(--font-family-mono);font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.workspace.svelte-1vc6pz5{display:grid;grid-template-columns:1fr 300px;gap:var(--space-4);align-items:start}.preview-panel.svelte-1vc6pz5{overflow:hidden}.card-header.svelte-1vc6pz5{display:flex;align-items:center;justify-content:space-between}.panel-label.svelte-1vc6pz5{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.dim-tag.svelte-1vc6pz5{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-subtle)}.preview-body.svelte-1vc6pz5{display:flex;align-items:center;justify-content:center;padding:0;min-height:200px;background:var(--color-surface-sunken)}.border-sim.svelte-1vc6pz5{display:inline-block;line-height:0;max-width:100%}.preview-img.svelte-1vc6pz5{display:block;max-width:100%;height:auto}.controls-panel.svelte-1vc6pz5{display:flex;flex-direction:column;gap:var(--space-3)}.slider-row.svelte-1vc6pz5{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.slider.svelte-1vc6pz5{flex:1;accent-color:var(--color-brand)}.num-unit.svelte-1vc6pz5{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.num-input.svelte-1vc6pz5{width:64px;text-align:right;padding:var(--space-1) var(--space-2)}.unit.svelte-1vc6pz5{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted)}.per-side-grid.svelte-1vc6pz5{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-3);align-items:center;margin-bottom:var(--space-2)}.per-side-label.svelte-1vc6pz5{margin:0;white-space:nowrap}.per-side-row.svelte-1vc6pz5{display:flex;align-items:center;gap:var(--space-1)}.toggle-link.svelte-1vc6pz5{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-brand);cursor:pointer;font-family:var(--font-family-mono)}.toggle-link.svelte-1vc6pz5:hover{text-decoration:underline}.preset-row.svelte-1vc6pz5{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.preset-btn.svelte-1vc6pz5{display:inline-flex;align-items:center;gap:6px;padding:var(--space-1) var(--space-2);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:border-color .12s,color .12s;font-family:inherit}.preset-btn.svelte-1vc6pz5:hover{border-color:var(--color-brand);color:var(--color-text)}.preset-btn.preset-active.svelte-1vc6pz5{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-soft)}.preset-swatch.svelte-1vc6pz5{display:inline-block;width:12px;height:12px;border-radius:2px;flex-shrink:0}.preset-checker.svelte-1vc6pz5{background-image:repeating-conic-gradient(#888,#888 25%,#ddd 0%,#ddd 50%);background-size:8px 8px;border:1px solid var(--color-border)}.hex-row.svelte-1vc6pz5{margin-top:var(--space-2)}.hex-input.svelte-1vc6pz5{width:100%;font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.color-note.svelte-1vc6pz5{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.sr-only.svelte-1vc6pz5{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.download-btn.svelte-1vc6pz5{width:100%;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:600;padding:var(--space-3) var(--space-4)}.download-btn.svelte-1vc6pz5:disabled{opacity:.5;cursor:not-allowed}.spinner.svelte-1vc6pz5{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:svelte-1vc6pz5-spin .7s linear infinite}@keyframes svelte-1vc6pz5-spin{to{transform:rotate(360deg)}}.error-msg.svelte-1vc6pz5{margin:0;font-size:var(--font-size-sm);color:var(--color-danger);font-family:var(--font-family-mono)}.seo-content.svelte-1vc6pz5{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.seo-heading.svelte-1vc6pz5{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-1vc6pz5:not(:first-child){margin-top:var(--space-5)}.seo-content.svelte-1vc6pz5 p:where(.svelte-1vc6pz5){margin:0 0 var(--space-3);font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.65}.seo-stats.svelte-1vc6pz5{margin:0 0 var(--space-4);padding:var(--space-3);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-muted)}.seo-stat.svelte-1vc6pz5{margin:0}.seo-stat.svelte-1vc6pz5 dt:where(.svelte-1vc6pz5){margin:0 0 var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em}.seo-stat.svelte-1vc6pz5 dd:where(.svelte-1vc6pz5){margin:0;font-size:var(--font-size-sm);color:var(--color-text)}.seo-list.svelte-1vc6pz5{margin:0 0 var(--space-4);padding-left:1rem;color:var(--color-text-muted)}.seo-list.svelte-1vc6pz5 li:where(.svelte-1vc6pz5){margin-bottom:var(--space-2);line-height:1.6}.seo-faq.svelte-1vc6pz5{display:grid;gap:var(--space-2)}.seo-faq-q.svelte-1vc6pz5{margin:var(--space-2) 0 0;font-family:var(--font-family-mono);font-size:var(--font-size-body);color:var(--color-text)}.seo-link.svelte-1vc6pz5{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.seo-link.svelte-1vc6pz5:hover{color:var(--color-text)}@media(max-width:860px){.workspace.svelte-1vc6pz5{grid-template-columns:1fr}.controls-panel.svelte-1vc6pz5{order:-1}.seo-stats.svelte-1vc6pz5{grid-template-columns:1fr}}@media(max-width:600px){.hero.svelte-1vc6pz5{padding:var(--space-2) 0}.hero-title.svelte-1vc6pz5{font-size:var(--font-size-h2)}.tool-body.svelte-1vc6pz5{padding-top:var(--space-3);gap:var(--space-3)}}