.live-preview[hidden]{display:none}
.live-preview{position:fixed;right:24px;bottom:24px;width:min(34vw,490px);z-index:100;pointer-events:none;border:1px solid #dfe2ec;border-radius:8px;background:#fff;box-shadow:0 12px 45px #17233d45;overflow:hidden;color:#252629}
.live-preview-heading{height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:9px;font-weight:650;border-bottom:1px solid #e9eaf0}
.live-preview-heading span:last-child{font-size:8px;color:#7c7f88;font-weight:400}
.live-preview-stage{position:relative;width:100%;aspect-ratio:16/10;background:#f5f6fa;overflow:hidden}
.live-preview iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:top left;pointer-events:none;background:white}
.comparison-grid>a:focus-visible{outline:3px solid #6650f5;outline-offset:6px}
@media(hover:none),(max-width:760px){.live-preview{display:none}}