.image-comparison{width:100%;margin:16px auto;color:#244d75}.bc-stage{position:relative;aspect-ratio:16/9;background:#e8f2f8;overflow:hidden;border:1px solid #bad8ef;border-radius:14px;touch-action:none;cursor:ew-resize}.bc-stage img{width:100%;height:100%;object-fit:contain;display:block}.bc-stage .bc-before{position:absolute;inset:0}.bc-line{position:absolute;top:0;bottom:0;width:3px;background:white;box-shadow:0 0 4px #173d6d;pointer-events:none}.bc-line:after{content:'↔';position:absolute;top:48%;left:-17px;background:#fff;color:#176de6;border-radius:50%;padding:8px;box-shadow:0 3px 8px #173d6d44}.bc-label{position:absolute;top:10px;background:#163956b8;color:white;font-size:12px;padding:6px 10px;border-radius:7px;pointer-events:none}.bc-left{left:10px}.bc-right{right:10px}.bc-control{display:flex;align-items:center;gap:12px;font-size:12px;margin:12px 0}.bc-control input{flex:1;accent-color:#176df0;min-width:80px}.bc-error{color:#926426}.comparison-toggle{border:1px solid #b5d7f4;background:#f1f9ff;color:#1769c2;border-radius:8px;padding:9px 14px;margin:8px;cursor:pointer}.bc-stage[hidden]{display:none}