.tool-page.svelte-ecebab{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.hero.svelte-ecebab{background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) 0 var(--space-3)}.hero-inner.svelte-ecebab{display:flex;flex-direction:column;gap:var(--space-2)}.breadcrumb.svelte-ecebab{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-small)}.breadcrumb-link.svelte-ecebab{color:var(--color-primary);text-decoration:none}.breadcrumb-link.svelte-ecebab:hover{text-decoration:underline}.breadcrumb-sep.svelte-ecebab,.breadcrumb-current.svelte-ecebab{color:var(--color-text-muted)}.hero-title.svelte-ecebab{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-ecebab{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-ecebab{display:grid;grid-template-columns:1fr 320px}.preview-wrap.svelte-ecebab{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-ecebab{display:block;max-width:100%;max-height:460px;height:auto}.controls.svelte-ecebab{padding:var(--space-4);display:flex;flex-direction:column}.hint.svelte-ecebab{margin:0 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-ecebab{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-ecebab:disabled{opacity:.55;cursor:not-allowed}.error-msg.svelte-ecebab{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-ecebab{display:flex;flex-direction:column;gap:var(--space-2)}.slider-stage.svelte-ecebab{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;touch-action:none;-webkit-user-select:none;user-select:none;cursor:col-resize}.slider-stage.dragging.svelte-ecebab{cursor:ew-resize}.slider-image.svelte-ecebab{width:100%;height:auto;max-height:440px;object-fit:contain;display:block}.slider-image-processed.svelte-ecebab{position:absolute;top:0;right:0;bottom:0;left:0}.slider-divider.svelte-ecebab{position:absolute;top:0;bottom:0;width:2px;background:var(--color-primary);transform:translate(-1px);pointer-events:none}.slider-thumb.svelte-ecebab{position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-bg);transform:translate(-50%,-50%);box-shadow:0 12px 24px color-mix(in oklab,black 24%,transparent);cursor:ew-resize;pointer-events:auto}.slider-thumb.svelte-ecebab:before,.slider-thumb.svelte-ecebab:after{content:"";position:absolute;top:50%;width:9px;height:2px;background:var(--color-primary);transform:translateY(-50%)}.slider-thumb.svelte-ecebab:before{left:7px}.slider-thumb.svelte-ecebab:after{right:7px}.slider-thumb.svelte-ecebab:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary),0 12px 24px color-mix(in oklab,black 24%,transparent)}.slider-label.svelte-ecebab{font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted)}.slider-input.svelte-ecebab{width:100%}.seo-content.svelte-ecebab{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.seo-heading.svelte-ecebab{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-ecebab:not(:first-child){margin-top:var(--space-5)}.seo-content.svelte-ecebab p:where(.svelte-ecebab){margin:0 0 var(--space-3);font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.65}.seo-stats.svelte-ecebab{margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.seo-stat.svelte-ecebab{margin:0}.seo-stat.svelte-ecebab dt:where(.svelte-ecebab){margin:0 0 var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted)}.seo-stat.svelte-ecebab dd:where(.svelte-ecebab){margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-body);color:var(--color-text)}.seo-list.svelte-ecebab{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-ecebab{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-ecebab{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.seo-link.svelte-ecebab:hover{color:var(--color-text)}.seo-faq.svelte-ecebab p:last-child{margin-bottom:0}body.compare-drag-active{cursor:ew-resize;-webkit-user-select:none;user-select:none}body.compare-drag-active *{cursor:ew-resize!important}@media(max-width:900px){.workspace-card.svelte-ecebab{grid-template-columns:1fr}.preview-wrap.svelte-ecebab{border-right:none;border-bottom:1px solid var(--color-border-subtle)}.seo-stats.svelte-ecebab{grid-template-columns:1fr}}@media(max-width:600px){.hero.svelte-ecebab{padding:var(--space-2) 0}.hero-title.svelte-ecebab{font-size:var(--font-size-h2);margin-bottom:var(--space-1)}.tool-body.svelte-ecebab{padding-top:var(--space-3);gap:var(--space-2)}}