#pngbg-drop-zone:hover { border-color:#6366f1; background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%); }
#pngbg-drop-zone:hover i { color:#6366f1; }
#pngbg-drop-zone.pngbg-dragover { border-color:#6366f1; background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%); transform:scale(1.005); }
#pngbg-drop-zone.pngbg-dragover i { color:#6366f1; }
#pngbg-reset-btn:hover { background:#e2e8f0; }
.pngbg-color-btn:hover { transform:scale(1.1); }
.pngbg-color-btn.pngbg-color-active { border-color:#6366f1 !important; box-shadow:0 0 0 3px rgba(99,102,241,0.25); transform:scale(1.05); }
#pngbg-download-all:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(99,102,241,0.35); }
.pngbg-preview-card { background:#fff; border-radius:12px; overflow:hidden; transition:all 0.3s; box-shadow:0 1px 3px rgba(0,0,0,0.06); }
.pngbg-preview-card:hover { transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,0.1); }
.pngbg-preview-img { width:100%; height:160px; object-fit:contain; display:block; }
.pngbg-preview-info { padding:12px; border-top:1px solid #f1f5f9; }
.pngbg-preview-name { font-size:12px; color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:8px; font-weight:500; }
.pngbg-download-btn { width:100%; padding:8px; background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%); color:#fff; border:none; border-radius:6px; cursor:pointer; font-size:12px; font-weight:500; display:flex; align-items:center; justify-content:center; gap:5px; transition:all 0.2s; }
.pngbg-download-btn:hover { opacity:0.9; transform:scale(1.02); }
@media (max-width: 600px) {
    .pngbg-preview-card { border-radius:10px; }
    .pngbg-preview-img { height:140px; }
}