.before-after-container.svelte-1jfl7r7{position:relative;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:col-resize;touch-action:none}.before-after-container.dragging.svelte-1jfl7r7{cursor:grabbing}.before-after-container.svelte-1jfl7r7:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.before-panel.svelte-1jfl7r7,.after-panel.svelte-1jfl7r7{position:absolute;top:0;left:0;width:100%;height:100%}.comparison-image.svelte-1jfl7r7{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.panel-label.svelte-1jfl7r7{position:absolute;top:16px;padding:8px 16px;background:#000000b3;color:#fff;font-size:14px;font-weight:500;border-radius:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.before-label.svelte-1jfl7r7{left:16px}.after-label.svelte-1jfl7r7{right:16px}.divider-handle.svelte-1jfl7r7{position:absolute;top:0;bottom:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;cursor:col-resize;transition:left .1s ease-out;touch-action:none;z-index:10}.divider-handle.dragging.svelte-1jfl7r7{transition:none}.divider-handle.svelte-1jfl7r7:before{content:"";position:absolute;top:0;bottom:0;width:var(--divider-width, 2px);background:var(--divider-color, #ffffff);box-shadow:0 0 8px #0000004d}.handle.svelte-1jfl7r7{position:relative;z-index:10;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:transform .2s ease;color:#333}.handle.svelte-1jfl7r7:hover{transform:scale(1.1)}.handle.svelte-1jfl7r7:active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){.divider-handle.svelte-1jfl7r7,.handle.svelte-1jfl7r7{transition:none}}@media(max-width:640px){.panel-label.svelte-1jfl7r7{font-size:12px;padding:6px 12px;top:12px}.before-label.svelte-1jfl7r7{left:12px}.after-label.svelte-1jfl7r7{right:12px}}.page-container.svelte-12cwkgs{max-width:1200px;margin:0 auto;padding:2rem}.page-header.svelte-12cwkgs{text-align:center;margin-bottom:3rem}.page-title.svelte-12cwkgs{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.page-description.svelte-12cwkgs{font-size:1.125rem;color:#6b7280;max-width:800px;margin:0 auto;line-height:1.7}.demo-section.svelte-12cwkgs{margin-bottom:4rem}.section-title.svelte-12cwkgs{font-size:1.875rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.section-description.svelte-12cwkgs{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.demo-container.svelte-12cwkgs{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:3rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.code-example.svelte-12cwkgs{background:#1f2937;padding:1.5rem;border-radius:8px;overflow-x:auto}.code-example.svelte-12cwkgs pre:where(.svelte-12cwkgs){margin:0;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}.code-example.svelte-12cwkgs code:where(.svelte-12cwkgs){color:#e5e7eb}.features-section.svelte-12cwkgs{margin-bottom:4rem}.features-grid.svelte-12cwkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.feature-card.svelte-12cwkgs{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.feature-card.svelte-12cwkgs:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.feature-icon.svelte-12cwkgs{font-size:2.5rem;margin-bottom:1rem}.feature-title.svelte-12cwkgs{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.feature-description.svelte-12cwkgs{font-size:.9375rem;color:#6b7280;line-height:1.6}.props-section.svelte-12cwkgs{margin-bottom:4rem}.props-table-container.svelte-12cwkgs{overflow-x:auto;margin-top:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.props-table.svelte-12cwkgs{width:100%;border-collapse:collapse;background:#fff}.props-table.svelte-12cwkgs thead:where(.svelte-12cwkgs){background:#f9fafb}.props-table.svelte-12cwkgs th:where(.svelte-12cwkgs){text-align:left;padding:1rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.props-table.svelte-12cwkgs td:where(.svelte-12cwkgs){padding:1rem;border-bottom:1px solid #e5e7eb;color:#6b7280}.props-table.svelte-12cwkgs code:where(.svelte-12cwkgs){background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem;color:#ef4444}.use-cases-section.svelte-12cwkgs{margin-bottom:4rem}.use-cases-grid.svelte-12cwkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.use-case-card.svelte-12cwkgs{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #3b82f6}.use-case-title.svelte-12cwkgs{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.use-case-description.svelte-12cwkgs{font-size:.9375rem;color:#6b7280;line-height:1.6}.technical-section.svelte-12cwkgs{margin-bottom:4rem}.technical-grid.svelte-12cwkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.technical-card.svelte-12cwkgs{background:linear-gradient(135deg,#3b82f6,#1e40af);padding:2rem;border-radius:12px;color:#fff}.technical-title.svelte-12cwkgs{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.technical-description.svelte-12cwkgs{font-size:.9375rem;line-height:1.6;opacity:.95}.technical-description.svelte-12cwkgs code:where(.svelte-12cwkgs){background:#fff3;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem}@media(max-width:768px){.page-container.svelte-12cwkgs{padding:1rem}.page-title.svelte-12cwkgs{font-size:2rem}.page-description.svelte-12cwkgs{font-size:1rem}.demo-container.svelte-12cwkgs{padding:1.5rem}.features-grid.svelte-12cwkgs,.use-cases-grid.svelte-12cwkgs,.technical-grid.svelte-12cwkgs{grid-template-columns:1fr}}