.trans-card.svelte-1dssovy{border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .3s var(--ease-smooth), border-color .3s var(--ease-smooth), box-shadow .3s var(--ease-smooth);background:#ffffff0a;overflow:hidden}.trans-card.svelte-1dssovy:hover{border-color:#e6ff0066;transform:translateY(-4px);box-shadow:0 8px 32px #e6ff0026}.image-compare.svelte-1dssovy,.single-image.svelte-1dssovy{aspect-ratio:4/5;background:#111;max-height:520px;position:relative;overflow:hidden}.image-compare.svelte-1dssovy{cursor:col-resize;-webkit-user-select:none;user-select:none;direction:ltr}.single-image.svelte-1dssovy img:where(.svelte-1dssovy),.compare-img.svelte-1dssovy{object-fit:cover;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.combined-crop-shell.svelte-1dssovy{overflow:hidden}.combined-source.svelte-1dssovy{object-fit:cover;width:200%;max-width:none;height:100%;position:absolute;top:0;left:0;right:auto}.combined-source.right-half.svelte-1dssovy{left:auto;right:0}.image-placeholder.svelte-1dssovy{height:100%;color:var(--text-muted);place-items:center;display:grid}.before-side.svelte-1dssovy,.after-side.svelte-1dssovy{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.after-side.svelte-1dssovy{transition:clip-path 50ms linear}.side-label.svelte-1dssovy{z-index:1;color:#ffffffc7;letter-spacing:.15em;text-shadow:0 1px 4px #000000bf;font-size:.65rem;font-weight:800;position:absolute;top:10px;left:12px}.after-label.svelte-1dssovy{left:auto;right:12px}.figure-silhouette.svelte-1dssovy{opacity:.3;width:60px;height:130px}.figure-silhouette.before.svelte-1dssovy{filter:blur(4px);background:radial-gradient(35px 60px at 50% 40%,#fff6,#0000),radial-gradient(20px 15px at 50% 10%,#fff6,#0000);transform:scaleX(1.3)}.figure-silhouette.after.svelte-1dssovy{filter:blur(2px);background:radial-gradient(28px 60px at 50% 40%,#fff9,#0000),radial-gradient(15px 15px at 50% 10%,#fff9,#0000)}.compare-slider.svelte-1dssovy{z-index:10;cursor:col-resize;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.divider-line.svelte-1dssovy{pointer-events:none;background:#ffffffd9;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.divider-handle.svelte-1dssovy{color:#111;background:#fffffff2;border-radius:50%;place-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}.card-info.svelte-1dssovy{gap:var(--space-3);padding:var(--space-4) var(--space-5);flex-direction:column;display:flex}.card-header.svelte-1dssovy{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.client-name.svelte-1dssovy{color:var(--text-primary);font-family:var(--font-sans);font-size:1.05rem;font-weight:700}.duration.svelte-1dssovy{color:var(--text-secondary);margin-top:2px;font-size:.8rem;display:block}.magnitude-badge.svelte-1dssovy{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:3px 8px;font-size:.7rem;font-weight:700}.magnitude-badge.heavy.svelte-1dssovy,.magnitude-badge.medium.svelte-1dssovy{color:var(--accent-amber);background:#e6ff0033;border:1px solid #e6ff004d}.magnitude-badge.light.svelte-1dssovy{color:var(--accent-green);background:#34d39933;border:1px solid #34d3994d}.stats-row.svelte-1dssovy{gap:var(--space-2);flex-wrap:wrap;display:flex}.stat-chip.svelte-1dssovy{border:1px solid color-mix(in srgb, var(--c) 25%, transparent);border-radius:var(--radius);background:#ffffff0d;flex-direction:column;align-items:center;padding:4px 10px;display:flex}.stat-value.svelte-1dssovy{color:var(--c);font-size:.9rem;font-weight:700}.stat-label.svelte-1dssovy{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem}.client-quote.svelte-1dssovy{border-inline-start:2px solid var(--accent-amber);color:var(--text-secondary);padding-inline-start:var(--space-3);font-size:.85rem;font-style:italic;line-height:1.5}html[dir=rtl] .client-name.svelte-1dssovy,html[dir=rtl] .duration.svelte-1dssovy,html[dir=rtl] .stat-label.svelte-1dssovy,html[dir=rtl] .client-quote.svelte-1dssovy{font-family:var(--font-ar)}@media (width<=768px){.image-compare.svelte-1dssovy,.single-image.svelte-1dssovy{aspect-ratio:1;max-height:46vh}}