/* ---------- الفلاتر الفنية ---------- */
.art-stage{background:#0F1620;padding:0}
.split-wrap{position:relative;width:100%;display:grid;place-items:center;touch-action:none}
#viewCanvas{display:block;max-width:100%;max-height:58vh;width:auto;height:auto}
.divider{
  position:absolute;top:0;bottom:0;width:34px;transform:translateX(17px);
  display:grid;place-items:center;cursor:ew-resize;touch-action:none;
}
.divider::before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.5)}
.divider span{
  width:34px;height:34px;border-radius:50%;background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.5);position:relative;
}
.divider span::before,.divider span::after{
  content:"";position:absolute;top:12px;width:0;height:0;
  border-top:5px solid transparent;border-bottom:5px solid transparent;
}
.divider span::before{left:8px;border-right:6px solid #0A1018}
.divider span::after{right:8px;border-left:6px solid #0A1018}
.ba-label{
  position:absolute;top:10px;font-size:11.5px;font-weight:700;color:#fff;
  background:rgba(10,16,24,.6);padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px);
}
.ba-before{inset-inline-start:12px}
.ba-after{inset-inline-end:12px}
.style-tile .frame{width:96px;height:128px;border-radius:14px;overflow:hidden;border:2px solid transparent;background:#0A1018}

/* ---------- صفحة إزالة العنصر ---------- */
#view{
  display:block;width:auto;height:auto;
  max-width:100%;max-height:56vh;
  touch-action:none;border-radius:12px;
}
.split-wrap{overflow:hidden}
.zoom-wrap{
  position:relative;display:grid;place-items:center;width:100%;
  transform-origin:center center;will-change:transform;
}
.hint-bar{
  display:flex;gap:8px;align-items:center;justify-content:center;
  padding:8px 14px;color:var(--muted);font-size:12.5px;font-weight:600;
}
.mode-seg{margin:0 14px 10px}
.sel-count{font-size:12px;color:var(--muted);text-align:center;padding:2px 0 8px}