.dsic-wrap{width:100%}
.dsic-compare{position:relative;overflow:hidden;border-radius:14px;touch-action:pan-y;background:#00000010}
.dsic-img{display:block;width:100%;height:auto}
.dsic-reveal{position:absolute;left:0;top:0;height:100%;width:50%;overflow:hidden}
.dsic-divider{position:absolute;top:0;bottom:0;width:2px;transform:translateX(-1px);background:#ffffffcc;box-shadow:0 0 0 1px #00000025;pointer-events:none}
.dsic-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--dsic-handle-size,44px);height:var(--dsic-handle-size,44px);border-radius:999px;background:var(--dsic-handle-color,#ffffffee);box-shadow:0 6px 18px #00000030;display:flex;align-items:center;justify-content:center;cursor:ew-resize;outline:none}
.dsic-handle:focus{box-shadow:0 0 0 3px #00000020,0 6px 18px #00000030}
.dsic-handle-dot{width:calc(var(--dsic-handle-size,44px) * 0.23);height:calc(var(--dsic-handle-size,44px) * 0.23);border-radius:999px;background:var(--dsic-handle-dot-color,#00000090)}
.dsic-dragging .dsic-handle{background:#ffffff}
.dsic-label{position:absolute;top:10px;z-index:5;padding:8px 12px;border-radius:999px;font-size:16px;line-height:1;background:#00000070;color:#fff;backdrop-filter:blur(4px);transition:opacity .12s ease}
.dsic-label-center{left:50%;transform:translateX(-50%);}
.dsic-desc{margin:10px 0 0;font-size:.95rem;line-height:1.45;opacity:.9}


/* Handle style variants */
.dsic-compare[data-handle-style="glass"] .dsic-handle{
  background: var(--dsic-handle-color,#ffffffee);
  border: 1px solid #ffffffaa;
}
.dsic-compare[data-handle-style="solid"] .dsic-handle{
  background: #ffffff;
  border: 2px solid #00000025;
}
.dsic-compare[data-handle-style="solid"] .dsic-handle-dot{ background:#000000b0; }

.dsic-compare[data-handle-style="minimal"] .dsic-handle{
  width: 28px;
  height: 28px;
  box-shadow: 0 4px 12px #00000025;
}
.dsic-compare[data-handle-style="minimal"] .dsic-handle-dot{
  width: 6px;
  height: 6px;
}

.dsic-compare[data-handle-style="arrows"] .dsic-handle{
  background: var(--dsic-handle-color,#ffffffee);
}
.dsic-compare[data-handle-style="arrows"] .dsic-handle-dot{ display:none; }
.dsic-compare[data-handle-style="arrows"] .dsic-handle::before,
.dsic-compare[data-handle-style="arrows"] .dsic-handle::after{
  content:"";
  width:0;height:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  opacity:.75;
}
.dsic-compare[data-handle-style="arrows"] .dsic-handle::before{
  border-right:8px solid var(--dsic-handle-dot-color,#00000080);
  margin-right:6px;
}
.dsic-compare[data-handle-style="arrows"] .dsic-handle::after{
  border-left:8px solid var(--dsic-handle-dot-color,#00000080);
  margin-left:6px;
}