.rs-demo{margin:0 0 56px}.rs-demo h2{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.045em;margin:0 0 12px}.rs-demo>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 24px}.rs-compare{--position:50%;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#e9ece8;touch-action:pan-y;cursor:ew-resize;user-select:none}.rs-compare img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.rs-compare .rs-before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.rs-divider{position:absolute;inset:0 auto 0 var(--position);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 15px #0003}.rs-handle{position:absolute;top:50%;left:var(--position);transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:#08382e;color:#fff;font-size:22px;box-shadow:0 4px 22px #0003;pointer-events:none}.rs-label{position:absolute;top:16px;padding:8px 12px;border-radius:3px;background:#13251fcc;color:#fff;font-size:10px;letter-spacing:.15em;pointer-events:none}.rs-label-before{left:16px}.rs-label-after{right:16px}.rs-demo-controls{display:flex;align-items:center;gap:18px;margin-top:16px}.rs-demo-controls button{font:inherit;font-size:12px;background:none;border:1px solid var(--line);border-radius:4px;padding:10px 16px;min-height:44px;color:var(--ink);cursor:pointer}.rs-demo-controls input{flex:1;min-width:0;height:44px;accent-color:#08382e;cursor:ew-resize}.rs-demo-controls input:focus-visible{outline:3px solid #487d69;outline-offset:3px}.rs-demo small{display:block;margin-top:8px;font-size:11px;color:var(--muted)}@media(max-width:780px){.rs-demo{margin-bottom:36px}.rs-compare{aspect-ratio:4/5}.rs-demo-controls{gap:10px}.rs-demo-controls button{padding:10px 12px}.rs-label{top:12px}.rs-label-before{left:12px}.rs-label-after{right:12px}}