.tool-page.svelte-16tvlfs{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.hero.svelte-16tvlfs{background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) 0 var(--space-3)}.hero-inner.svelte-16tvlfs{display:flex;flex-direction:column;gap:var(--space-2)}.breadcrumb.svelte-16tvlfs{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.breadcrumb-link.svelte-16tvlfs{color:var(--color-primary);text-decoration:none}.breadcrumb-link.svelte-16tvlfs:hover{text-decoration:underline}.breadcrumb-sep.svelte-16tvlfs,.breadcrumb-current.svelte-16tvlfs{color:var(--color-text-muted)}.hero-title.svelte-16tvlfs{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-16tvlfs{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:124px;border:1px dashed var(--color-border-subtle);background:color-mix(in srgb,var(--color-surface) 88%,black 12%);transition:border-color .15s ease,background-color .15s ease;cursor:pointer}.dropzone:hover,.dropzone:focus-visible{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-surface) 82%,var(--color-primary) 18%);outline:none}.dropzone[data-drag-active=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-surface) 78%,var(--color-accent) 22%)}.drop-label.svelte-16tvlfs{margin:0;text-align:center;font-family:var(--font-family-mono);color:var(--color-text-muted)}.workspace-card.svelte-16tvlfs{display:grid;grid-template-columns:1fr 320px;padding:0;overflow:hidden}.preview-wrap.svelte-16tvlfs{padding:var(--space-4);background:var(--color-surface-sunken);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:280px}.preview-image.svelte-16tvlfs{display:block;max-width:100%;max-height:460px;height:auto;object-fit:contain}.controls.svelte-16tvlfs{padding:var(--space-4);display:grid;align-content:start;gap:var(--space-2)}.control-label.svelte-16tvlfs{font-family:var(--font-family-mono);color:var(--color-text);font-size:var(--font-size-small)}.slider-compare.svelte-16tvlfs{width:min(100%,920px);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.slider-stage.svelte-16tvlfs{position:relative;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-height:260px;background:repeating-conic-gradient(var(--color-surface) 0% 25%,var(--color-surface-sunken) 0% 50%) 50% / 18px 18px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.slider-stage.is-dragging.svelte-16tvlfs{cursor:grabbing}.slider-image.svelte-16tvlfs{width:100%;height:auto;max-height:440px;object-fit:contain;display:block}.slider-image-processed.svelte-16tvlfs{position:absolute;top:0;right:0;bottom:0;left:0}.slider-divider.svelte-16tvlfs{position:absolute;top:0;bottom:0;width:2px;background:var(--color-primary);transform:translate(-1px);pointer-events:auto;cursor:ew-resize}.slider-thumb.svelte-16tvlfs{position:absolute;top:50%;left:50%;width:22px;height:22px;border-radius:999px;border:2px solid var(--color-primary);background:var(--color-bg);transform:translate(-50%,-50%);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 30%,transparent)}.slider-label.svelte-16tvlfs{font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted)}.slider-input.svelte-16tvlfs{width:100%;accent-color:var(--color-primary)}.select-input.svelte-16tvlfs{width:100%;border-radius:var(--radius-button);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-mono);padding:var(--space-2)}.checkbox-row.svelte-16tvlfs{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:var(--space-2);row-gap:var(--space-1);font-size:var(--font-size-small);color:var(--color-text-muted);line-height:1.5}.checkbox-row.svelte-16tvlfs input:where(.svelte-16tvlfs){margin-top:.2em}.range-row.svelte-16tvlfs{display:grid;grid-template-columns:1fr 110px;gap:var(--space-2);align-items:center}.slider.svelte-16tvlfs{width:100%;accent-color:var(--color-primary)}.number-input.svelte-16tvlfs{width:100%;border-radius:var(--radius-button);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-mono);padding:var(--space-2)}.hint.svelte-16tvlfs{margin:0;color:var(--color-text-muted);font-size:var(--font-size-small)}.inline-link.svelte-16tvlfs{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.inline-link.svelte-16tvlfs:hover{color:var(--color-text)}.error.svelte-16tvlfs{margin:0;color:var(--color-danger);font-size:var(--font-size-small)}.action-btn.svelte-16tvlfs{width:100%;justify-self:stretch}.seo-content.svelte-16tvlfs{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.seo-heading.svelte-16tvlfs{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-16tvlfs:not(:first-child){margin-top:var(--space-5)}.seo-content.svelte-16tvlfs p:where(.svelte-16tvlfs){margin:0 0 var(--space-3);font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.65}.seo-list.svelte-16tvlfs{margin:0 0 var(--space-4);padding-left:var(--space-4);display:grid;gap:var(--space-2);color:var(--color-text-muted);line-height:1.6}.seo-link.svelte-16tvlfs{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.seo-link.svelte-16tvlfs:hover{color:var(--color-text)}@media(max-width:900px){.workspace-card.svelte-16tvlfs{grid-template-columns:1fr}.preview-wrap.svelte-16tvlfs{border-right:none;border-bottom:1px solid var(--color-border-subtle)}}@media(max-width:700px){.range-row.svelte-16tvlfs{grid-template-columns:1fr}}@media(max-width:600px){.hero.svelte-16tvlfs{padding:var(--space-2) 0}.hero-title.svelte-16tvlfs{font-size:var(--font-size-h2);margin-bottom:var(--space-1)}.tool-body.svelte-16tvlfs{padding-top:var(--space-3);gap:var(--space-2)}}