.tool-page.svelte-1wi9a54{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.hero.svelte-1wi9a54{background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) 0 var(--space-3)}.hero-inner.svelte-1wi9a54{display:flex;flex-direction:column;gap:var(--space-2)}.breadcrumb.svelte-1wi9a54{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.breadcrumb-link.svelte-1wi9a54{color:var(--color-primary);text-decoration:none}.breadcrumb-link.svelte-1wi9a54:hover{text-decoration:underline}.breadcrumb-sep.svelte-1wi9a54,.breadcrumb-current.svelte-1wi9a54{color:var(--color-text-muted)}.hero-title.svelte-1wi9a54{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-1wi9a54{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-1wi9a54{display:grid;grid-template-columns:1fr 320px}.preview-wrap.svelte-1wi9a54{padding:var(--space-4);background:repeating-conic-gradient(var(--color-surface) 0% 25%,var(--color-surface-sunken) 0% 50%) 50% / 24px 24px;border-right:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;min-height:280px}.preview-image.svelte-1wi9a54{display:block;max-width:100%;max-height:460px;height:auto}.controls.svelte-1wi9a54{padding:var(--space-4);display:flex;flex-direction:column}.mode-fieldset.svelte-1wi9a54{margin:0 0 var(--space-2);padding:0;border:none}.mode-row.svelte-1wi9a54{display:flex;flex-direction:column}.mode-option.svelte-1wi9a54{display:flex;align-items:center;margin-bottom:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted);cursor:pointer}.mode-option.svelte-1wi9a54 input:where(.svelte-1wi9a54){margin-right:var(--space-2);accent-color:var(--color-primary)}.field-label.svelte-1wi9a54{display:block;margin-bottom:var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted)}.mode-hint.svelte-1wi9a54 a.inline-link:where(.svelte-1wi9a54){color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.mode-hint.svelte-1wi9a54 a.inline-link:where(.svelte-1wi9a54):hover{color:var(--color-text)}.slider.svelte-1wi9a54{width:100%;margin-bottom:var(--space-2);accent-color:var(--color-primary)}.hint.svelte-1wi9a54{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-1wi9a54{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-1wi9a54:disabled{opacity:.55;cursor:not-allowed}.error-msg.svelte-1wi9a54{margin:var(--space-2) 0 0;color:var(--color-danger);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.slider-compare.svelte-1wi9a54{display:flex;flex-direction:column;gap:var(--space-2)}.slider-stage.svelte-1wi9a54{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}.slider-stage.dragging.svelte-1wi9a54{cursor:ew-resize}.slider-image.svelte-1wi9a54{width:100%;height:auto;max-height:440px;object-fit:contain;display:block}.slider-image-processed.svelte-1wi9a54{position:absolute;top:0;right:0;bottom:0;left:0}.slider-divider.svelte-1wi9a54{position:absolute;top:0;bottom:0;width:2px;background:var(--color-primary);transform:translate(-1px);pointer-events:none}.slider-thumb.svelte-1wi9a54{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);cursor:ew-resize;pointer-events:auto}.slider-label.svelte-1wi9a54{font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted)}.slider-input.svelte-1wi9a54{width:100%}.seo-content.svelte-1wi9a54{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.seo-heading.svelte-1wi9a54{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-1wi9a54:not(:first-child){margin-top:var(--space-5)}.seo-content.svelte-1wi9a54 p:where(.svelte-1wi9a54){margin:0 0 var(--space-3);font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.65}.seo-list.svelte-1wi9a54{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-faq-q.svelte-1wi9a54{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-h4);color:var(--color-text)}.seo-link.svelte-1wi9a54{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.seo-link.svelte-1wi9a54:hover{color:var(--color-text)}.seo-faq.svelte-1wi9a54 p:last-child{margin-bottom:0}@media(max-width:900px){.workspace-card.svelte-1wi9a54{grid-template-columns:1fr}.preview-wrap.svelte-1wi9a54{border-right:none;border-bottom:1px solid var(--color-border-subtle)}}@media(max-width:600px){.hero.svelte-1wi9a54{padding:var(--space-2) 0}.hero-title.svelte-1wi9a54{font-size:var(--font-size-h2);margin-bottom:var(--space-1)}.tool-body.svelte-1wi9a54{padding-top:var(--space-3);gap:var(--space-2)}.slider-thumb.svelte-1wi9a54{width:27.5px;height:27.5px;box-shadow:0 0 0 3.75px color-mix(in oklab,var(--color-primary) 30%,transparent)}.slider.svelte-1wi9a54,.slider-input.svelte-1wi9a54{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;background:transparent}.slider.svelte-1wi9a54::-webkit-slider-runnable-track,.slider-input.svelte-1wi9a54::-webkit-slider-runnable-track{height:5px;background:var(--color-border-subtle);border-radius:3px}.slider.svelte-1wi9a54::-webkit-slider-thumb,.slider-input.svelte-1wi9a54::-webkit-slider-thumb{-webkit-appearance:none;width:27.5px;height:27.5px;margin-top:-11.25px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-bg);box-shadow:0 0 0 1px var(--color-border-subtle);cursor:pointer}.slider.svelte-1wi9a54::-moz-range-track,.slider-input.svelte-1wi9a54::-moz-range-track{height:5px;background:var(--color-border-subtle);border-radius:3px}.slider.svelte-1wi9a54::-moz-range-thumb,.slider-input.svelte-1wi9a54::-moz-range-thumb{width:27.5px;height:27.5px;border:2px solid var(--color-bg);border-radius:50%;background:var(--color-primary);cursor:pointer}}body.compare-drag-active{cursor:ew-resize;user-select:none;-webkit-user-select:none}