.page-container.svelte-i8jd58{max-width:1100px;margin:0 auto;padding:32px 16px 64px}.hero-section.svelte-i8jd58{text-align:center;margin-bottom:32px}h1.svelte-i8jd58{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;line-height:1.3}.hero-subtitle.svelte-i8jd58{color:var(--text-muted);font-size:1.05rem;line-height:1.6;margin:0;max-width:650px;margin-inline:auto}.usage-counter.svelte-i8jd58{text-align:center;margin-bottom:24px;padding:10px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.usage-text.svelte-i8jd58{display:flex;align-items:center;justify-content:center;gap:8px}.usage-badge.svelte-i8jd58{background:linear-gradient(45deg,#22c55e,#16a34a);color:#fff;padding:2px 10px;border-radius:4px;font-size:.75em;font-weight:700}.usage-unlimited.svelte-i8jd58{color:#22c55e;font-weight:600}.usage-count.svelte-i8jd58{font-size:1.3em;font-weight:700;color:#fff}.usage-label.svelte-i8jd58{color:var(--text-muted);font-size:.9em}.usage-limit-reached.svelte-i8jd58{color:#ef4444;font-size:.8em;font-weight:500;margin-top:4px}.usage-warning.svelte-i8jd58{color:#fbbf24;font-size:.8em;margin-top:4px}.usage-hint.svelte-i8jd58{margin-top:6px}.usage-link.svelte-i8jd58{background:none;border:none;color:#3b82f6;font-size:.8em;cursor:pointer;text-decoration:underline;padding:0}.upload-section.svelte-i8jd58{margin-bottom:32px}.upload-grid.svelte-i8jd58{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.upload-card.svelte-i8jd58{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.upload-label.svelte-i8jd58{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.drop-zone.svelte-i8jd58{border:2px dashed rgba(255,255,255,.15);border-radius:12px;padding:48px 24px;background:#ffffff08;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.drop-zone.svelte-i8jd58:hover,.drop-zone.drag-over.svelte-i8jd58{border-color:var(--color-primary);background:#00d4ff08;color:var(--color-primary)}.drop-zone.disabled.svelte-i8jd58{opacity:.5;cursor:not-allowed}.preview-container.svelte-i8jd58{position:relative;cursor:pointer;border-radius:8px;overflow:hidden}.preview-img.svelte-i8jd58{width:100%;max-height:300px;object-fit:contain;display:block;background:#0000004d;border-radius:8px}.preview-name.svelte-i8jd58{display:block;font-size:12px;color:var(--text-muted);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-change.svelte-i8jd58{display:block;font-size:11px;color:var(--color-primary);margin-top:2px}.controls-bar.svelte-i8jd58{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;margin-bottom:20px}.tolerance-control.svelte-i8jd58{display:flex;flex-direction:column;gap:8px}.tolerance-control.svelte-i8jd58 label:where(.svelte-i8jd58){display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px;font-weight:500}.tolerance-control.svelte-i8jd58 input[type=range]:where(.svelte-i8jd58){width:100%;accent-color:var(--color-primary)}.tolerance-hint.svelte-i8jd58{font-size:12px;color:var(--text-muted)}.action-row.svelte-i8jd58{text-align:center}.compare-btn.svelte-i8jd58{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#00d4ff,#7b2ff7);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.compare-btn.svelte-i8jd58:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #00d4ff4d}.compare-btn.svelte-i8jd58:disabled{opacity:.6;cursor:not-allowed}.spinner.svelte-i8jd58{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-i8jd58-spin .8s linear infinite}@keyframes svelte-i8jd58-spin{to{transform:rotate(360deg)}}.error-message.svelte-i8jd58{text-align:center;color:#f87171;margin-top:16px;font-size:14px;padding:12px;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:8px}.results-section.svelte-i8jd58{margin-bottom:48px}.stats-bar.svelte-i8jd58{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-item.svelte-i8jd58{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;text-align:center}.stat-label.svelte-i8jd58{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-i8jd58{display:block;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.view-tabs.svelte-i8jd58{display:flex;gap:4px;margin-bottom:16px;background:#ffffff08;border-radius:8px;padding:4px;border:1px solid rgba(255,255,255,.06)}.view-tab.svelte-i8jd58{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.view-tab.svelte-i8jd58:hover{color:var(--text-secondary);background:#ffffff08}.view-tab.active.svelte-i8jd58{color:var(--color-primary);background:#00d4ff1a}.view-panel.svelte-i8jd58{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;overflow:hidden;margin-bottom:20px}.side-by-side.svelte-i8jd58{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.sbs-panel.svelte-i8jd58{text-align:center}.sbs-panel.svelte-i8jd58 h4:where(.svelte-i8jd58){font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.sbs-panel.svelte-i8jd58 img:where(.svelte-i8jd58){width:100%;border-radius:6px;background:#0000004d}.diff-only.svelte-i8jd58{text-align:center}.diff-full.svelte-i8jd58{max-width:100%;max-height:600px;border-radius:8px;background:#000}.diff-legend.svelte-i8jd58{display:flex;justify-content:center;gap:24px;margin-top:12px}.legend-item.svelte-i8jd58{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.legend-swatch.svelte-i8jd58{width:12px;height:12px;border-radius:2px;display:inline-block}.overlay-view.svelte-i8jd58{text-align:center}.overlay-control.svelte-i8jd58{margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.overlay-control.svelte-i8jd58 label:where(.svelte-i8jd58){font-size:13px;color:var(--text-muted);min-width:90px}.overlay-control.svelte-i8jd58 input[type=range]:where(.svelte-i8jd58){width:200px;accent-color:var(--color-primary)}.overlay-container.svelte-i8jd58{position:relative;display:inline-block;max-width:100%}.overlay-base.svelte-i8jd58,.overlay-top.svelte-i8jd58{max-width:100%;max-height:600px;border-radius:8px;display:block}.overlay-top.svelte-i8jd58{position:absolute;top:0;left:0}.slider-view.svelte-i8jd58{position:relative;overflow:hidden;border-radius:8px;cursor:ew-resize;user-select:none;-webkit-user-select:none}.slider-img-full.svelte-i8jd58{width:100%;display:block}.slider-clip.svelte-i8jd58{position:absolute;top:0;left:0;height:100%;overflow:hidden}.slider-clip.svelte-i8jd58 img:where(.svelte-i8jd58){width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.slider-handle.svelte-i8jd58{position:absolute;top:0;bottom:0;width:3px;transform:translate(-50%)}.slider-line.svelte-i8jd58{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:var(--color-primary);box-shadow:0 0 8px #00d4ff80}.slider-grip.svelte-i8jd58{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;color:#000;font-weight:700;font-size:14px;box-shadow:0 2px 10px #0006}.slider-labels.svelte-i8jd58{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-between;padding:0 16px;pointer-events:none}.slider-labels.svelte-i8jd58 span:where(.svelte-i8jd58){background:#000000b3;color:var(--text-primary);padding:4px 12px;border-radius:4px;font-size:13px;font-weight:600}.result-actions.svelte-i8jd58{display:flex;justify-content:center;gap:12px}.action-btn.svelte-i8jd58{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.action-btn.primary.svelte-i8jd58{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff}.action-btn.primary.svelte-i8jd58:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00d4ff4d}.action-btn.secondary.svelte-i8jd58{background:#ffffff0f;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.action-btn.secondary.svelte-i8jd58:hover{background:#ffffff1a;color:var(--text-primary)}.seo-content.svelte-i8jd58{margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,.06)}.seo-content.svelte-i8jd58 h2:where(.svelte-i8jd58){font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.seo-content.svelte-i8jd58>p:where(.svelte-i8jd58){color:var(--text-muted);font-size:15px;line-height:1.7;margin:0 0 12px}.seo-content.svelte-i8jd58 h3:where(.svelte-i8jd58){font-size:1rem;color:var(--text-secondary);margin:20px 0 8px;font-weight:600}.seo-content.svelte-i8jd58 ul:where(.svelte-i8jd58){margin:8px 0;padding-left:20px}.seo-content.svelte-i8jd58 li:where(.svelte-i8jd58){margin-bottom:8px}.seo-content.svelte-i8jd58 code:where(.svelte-i8jd58){background:#ffffff0f;padding:2px 6px;border-radius:3px;font-size:13px}@media(max-width:768px){h1.svelte-i8jd58{font-size:1.6rem}.upload-grid.svelte-i8jd58{grid-template-columns:1fr}.stats-bar.svelte-i8jd58{grid-template-columns:repeat(2,1fr)}.side-by-side.svelte-i8jd58{grid-template-columns:1fr}.view-tab.svelte-i8jd58{font-size:12px;padding:8px 6px}.result-actions.svelte-i8jd58{flex-direction:column;align-items:center}}@media(max-width:480px){.stats-bar.svelte-i8jd58{grid-template-columns:1fr}.view-tabs.svelte-i8jd58{flex-wrap:wrap}}