.landscape-comparison[data-v-b45c6abe]{width:100%;min-width:0;max-width:800px}.comparison-frame[data-v-b45c6abe]{aspect-ratio:16/9;isolation:isolate;border-radius:var(--radius-lg);background:var(--paper-deep);border:1px solid var(--line);position:relative;overflow:hidden}.comparison-image[data-v-b45c6abe]{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.landscape-comparison--contain .comparison-image[data-v-b45c6abe]{-o-object-fit:contain;object-fit:contain}.comparison-before[data-v-b45c6abe]{clip-path:inset(0 calc(100% - var(--position)) 0 0);position:absolute;inset:0}.comparison-label[data-v-b45c6abe]{border-radius:var(--radius-sm);background:var(--paper-light);max-width:42%;color:var(--ink);pointer-events:none;padding:.4rem .65rem;font-size:.7rem;font-weight:700;line-height:1.3;position:absolute;top:.75rem}.before-label[data-v-b45c6abe]{left:.75rem}.after-label[data-v-b45c6abe]{right:.75rem}.comparison-divider[data-v-b45c6abe]{top:0;bottom:0;left:var(--position);background:var(--white);pointer-events:none;width:2px;box-shadow:0 0 2px var(--ink);position:absolute;transform:translate(-50%)}.comparison-handle[data-v-b45c6abe]{background:var(--white);width:44px;height:44px;color:var(--studio-green);box-shadow:var(--shadow-drawing);border-radius:50%;place-items:center;font-size:1.35rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison-range[data-v-b45c6abe]{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-frame[data-v-b45c6abe]:focus-within{outline:3px solid var(--studio-green);outline-offset:3px}.comparison-frame:focus-within .comparison-handle[data-v-b45c6abe]{outline:2px solid var(--studio-green);outline-offset:2px}.comparison-hint[data-v-b45c6abe]{color:var(--ink-soft);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.75rem;line-height:1.5;display:flex}.comparison-hint>span[data-v-b45c6abe]{flex-shrink:0}@media (width<=30rem){.comparison-label[data-v-b45c6abe]{padding:.3rem .4rem;font-size:.625rem;top:.5rem}.before-label[data-v-b45c6abe]{left:.5rem}.after-label[data-v-b45c6abe]{right:.5rem}}