.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,4vw,40px);justify-items:center}.preview-col{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.preview-label{font-size:12px;color:#71717a;font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin:0}.preview-image-wrap{width:100%;max-width:clamp(180px,28vw,300px);border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #00000040}.preview-image{width:100%;height:auto;display:block}@media (max-width: 480px){.preview-grid{grid-template-columns:1fr;gap:24px}}.slider-wrapper{width:100%}.slider-labels{display:flex;justify-content:space-between;padding:0 4px;margin-bottom:10px}.slider-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.slider-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 24px 64px #0006}.slider-dark{background:#18181b;border:1px solid #27272a}.slider-light{background:#f4f4f5;border:1px solid #e4e4e7}.slider-after,.slider-before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slider-after{z-index:1}.slider-before{z-index:2}.slider-iframe-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.slider-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block}.slider-handle{position:absolute;top:0;bottom:0;z-index:3;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.slider-line{width:2px;flex:1;background:#fff;box-shadow:0 0 8px #0006}.slider-knob{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 12px #0000004d;display:flex;align-items:center;justify-content:center;color:#3f3f46;pointer-events:all;cursor:col-resize}