:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--success: #10b981;--error: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background-color:var(--bg);background-image:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(79,70,229,.1) 0%,transparent 50%);color:var(--text);min-height:100vh;line-height:1.5}.container{max-width:1000px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem}h1{font-size:3rem;font-weight:800;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:1.1rem}.dropzone{border:2px dashed var(--border);border-radius:1.5rem;padding:4rem 2rem;text-align:center;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;cursor:pointer;margin-bottom:2rem}.dropzone:hover,.dropzone.dragging{border-color:var(--primary);background:#6366f10d;transform:translateY(-2px)}.dropzone-icon{font-size:3rem;margin-bottom:1rem}.file-list{display:grid;gap:1rem;margin-bottom:2rem}.file-item{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:1rem;animation:fadeIn .3s ease-out}.file-preview{width:60px;height:60px;border-radius:.5rem;object-fit:cover;background:#334155}.file-info{flex:1}.file-name{font-weight:600;font-size:.95rem;margin-bottom:.25rem}.file-status{font-size:.8rem;color:var(--text-muted)}.status-completed{color:var(--success)}.status-error{color:var(--error)}.file-actions{display:flex;gap:.5rem}.btn{padding:.6rem 1.2rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #6366f14d}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){background:#ffffff0d}.btn:disabled{opacity:.5;cursor:not-allowed}.batch-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){h1{font-size:2rem}.container{padding:1rem}}