:root{--panel-bg: var(--card-bg, #ffffff);--border: var(--border-color, #e2e8f0);--radius: 12px;--transition: .2s ease}.dropzone{border:2px dashed var(--dropzone-border, #cbd5e1);border-radius:var(--radius);padding:60px 20px;text-align:center;background-color:var(--dropzone-bg, #f1f5f9);cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.dropzone.compact{padding:20px;display:flex;justify-content:center;align-items:center;gap:16px;border-width:1px}.dropzone.compact .dropzone-content{flex-direction:row}.dropzone.compact .dropzone-content svg{margin-bottom:0;width:24px;height:24px}.dropzone.compact p{font-size:1rem}.dropzone.compact span{display:none}.dropzone:hover,.dropzone.drag-active{border-color:var(--dropzone-hover-border, #93c5fd);background-color:var(--dropzone-hover, #eff6ff)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.dropzone-content svg{color:var(--primary);margin-bottom:8px}.dropzone p{font-size:1.2rem;font-weight:600}.dropzone span{color:var(--text-muted);font-size:.9rem}.batch-list-container{display:flex;flex-direction:column;gap:24px}.batch-row{background-color:var(--panel-bg);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border)}.row-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.row-thumb{width:100%;max-height:500px;border-radius:8px;object-fit:contain;background-color:#000;display:block}.row-info{flex:1;min-width:0}.row-filename{font-weight:500;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.row-meta{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted)}.tag{padding:2px 8px;border-radius:4px;background-color:var(--border);font-weight:500;font-size:.75rem}.tag.success{background-color:#10b98133;color:#34d399}.tag.skipped{background-color:#f59e0b33;color:#fbbf24}.tag.error{background-color:#ef444433;color:#f87171}.row-actions{display:flex;align-items:center;gap:12px}.slider-container{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none}.slider-after{display:block;width:100%;max-height:600px;object-fit:contain}.slider-before{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 50% 0 0);z-index:2}.slider-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;z-index:3;cursor:ew-resize;transform:translate(-50%)}.slider-handle:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000080}.slider-label{position:absolute;top:12px;font-size:.9rem;font-weight:700;color:#fff;background:rgba(0,0,0,.6);padding:4px 12px;border-radius:6px;z-index:4;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slider-label.left{left:12px}.slider-label.right{right:12px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{background-color:var(--panel-bg);color:var(--text-main);padding:12px 20px;border-radius:8px;box-shadow:0 10px 15px -3px #0000004d;border-left:4px solid var(--error);animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.hidden{display:none!important}@media (max-width: 768px){.batch-row{padding:12px 0;border:none;box-shadow:none;border-radius:0;border-bottom:1px solid var(--border)}.row-actions .btn{white-space:nowrap;padding:8px 12px}.row-info{max-width:55%}}