.img-drop-zone{border:2px dashed #bdc3c7;border-radius:10px;padding:40px 20px;text-align:center;transition:border-color 0.2s,background 0.2s;cursor:pointer;}.img-drop-zone.dragover{border-color:#3498db;background:#eaf4fb;}.img-drop-icon{font-size:48px;margin-bottom:10px;}.img-drop-text{font-size:16px;font-weight:700;color:#2c3e50;margin:0;}.img-drop-sub{font-size:13px;color:#888;margin:6px 0;}.img-drop-formats{font-size:12px;color:#aaa;margin-top:10px;}.img-item{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:8px;background:var(--bg-secondary,#f8f9fa);}.img-thumb{width:70px;height:70px;object-fit:cover;border-radius:6px;flex-shrink:0;border:1px solid #ddd;}.img-info{flex:1;min-width:0;}.img-name{font-weight:700;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.img-sizes{font-size:12px;color:#888;}.img-saving{font-size:13px;font-weight:700;}.img-saving.good{color:#27ae60;}.img-saving.neutral{color:#888;}.img-actions{display:flex;gap:6px;flex-shrink:0;}.img-dl-btn{padding:6px 12px;background:#2c3e50;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;}.img-dl-btn:hover{background:#34495e;}.img-del-btn{padding:6px 10px;background:transparent;color:#e74c3c;border:1px solid #e74c3c;border-radius:4px;font-size:12px;cursor:pointer;}.img-del-btn:hover{background:#fdecea;}.img-progress{height:4px;border-radius:2px;background:#e0e0e0;margin-top:6px;overflow:hidden;}.img-progress-fill{height:100%;background:#3498db;transition:width 0.3s;}