/* Shared by Compress Images and Image to PDF (the watermark tool has its own stylesheet) */
.pt-drop {
    border: 2px dashed rgba(255, 255, 255, 0.2); border-radius: var(--pt-radius);
    padding: 1.5rem; text-align: center; cursor: pointer; background: rgba(255, 255, 255, 0.02);
}
.pt-drop:hover, .pt-drop.is-over { border-color: var(--pt-cyan); background: rgba(0, 242, 254, 0.05); }
.pt-rows { max-height: 640px; overflow-y: auto; }
.pt-row { display: flex; align-items: center; gap: 10px; padding: 8px; border-bottom: 1px solid var(--pt-border); }
.pt-row:last-child { border-bottom: 0; }
.pt-row img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; background: #000; flex: none; }
.pt-row .meta { flex: 1; min-width: 0; }
.pt-row .n { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; }
.pt-row .d { display: block; font-size: 0.78rem; color: var(--pt-muted); }
.pt-row .st { font-size: 0.82rem; text-align: right; min-width: 120px; color: var(--pt-muted); }
.pt-row .st.ok { color: var(--pt-success); }
.pt-row .st.bad { color: var(--pt-danger); }
.pt-row .acts { display: flex; gap: 4px; flex: none; }
.pt-icon-btn { background: none; border: 1px solid var(--pt-border); color: var(--pt-text); border-radius: 8px; padding: 2px 9px; line-height: 1.5; }
.pt-icon-btn:hover:not(:disabled) { border-color: var(--pt-cyan); color: var(--pt-cyan); }
.pt-icon-btn:disabled { opacity: 0.35; }
.progress { background: var(--pt-surface-2); }
.progress-bar { background: var(--pt-gradient); }
@media (max-width: 575.98px) { .pt-row { flex-wrap: wrap; } .pt-row .st { text-align: left; min-width: 0; } }