.comparison{margin:0;color:var(--ink)}
.comparison-frame{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-md)}
.comparison-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.comparison-frame .comparison-before{z-index:1;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}
.comparison-divider{position:absolute;z-index:2;inset:0 auto 0 var(--comparison-position);width:2px;background:var(--silver);pointer-events:none;transform:translateX(-1px)}
.comparison-controls{display:grid;gap:var(--space-3);font-size:14px;margin-top:var(--space-4)}
.comparison-controls input{width:100%;min-height:44px;margin:0;accent-color:var(--ink);cursor:ew-resize;touch-action:pan-y}
.comparison-controls input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
.comparison-key{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--silver-text);font-size:12px;line-height:20px}
.comparison figcaption{margin-top:var(--space-3);font-size:14px;line-height:22px;color:var(--ink-muted)}