.image-comparison{position:relative;width:100%;height:400px;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);user-select:none}.image-original{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.image-modified{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.image-original img,.image-modified img{width:100%;height:100%;object-fit:cover;display:block}.slider-divider{position:absolute;top:0;left:50%;height:100%;width:4px;background-color:var(--surface-dark-soft);transform:translateX(-50%);z-index:3;cursor:ew-resize;box-shadow:0 0 10px rgba(0,0,0,0.3)}.slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,0.4);transition:background-color 0.2s}.slider-button:hover{background-color:#0b5ed7}.arrow-left,.arrow-right{color:white;font-size:14px;margin:0 2px}.label-before,.label-after{position:absolute;padding:5px 10px;background-color:rgba(255,255,255,0.8);font-size:14px;font-weight:bold;color:#333;border-radius:4px;z-index:4;box-shadow:0 1px 4px rgba(0,0,0,0.2)}.label-before{top:15px;left:15px}.label-after{top:15px;right:15px}