@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg:#080a12;--surface:rgba(16,19,34,0.92);--surface-2:rgba(26,30,52,0.85);--border:rgba(16,185,129,0.25);--border-hover:rgba(16,185,129,0.65);--accent:#10b981;--accent-2:#059669;--accent-3:#047857;--glow-sm:0 0 18px rgba(16,185,129,0.20);--glow-md:0 0 40px rgba(16,185,129,0.30);--text:#f0f2ff;--muted:#7c83a8;--success:#10b981;--error:#ef4444;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--transition:0.25s cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--bg:#f8fafc;--surface:rgba(255,255,255,0.95);--surface-2:rgba(241,245,249,0.85);--border:rgba(16,185,129,0.35);--border-hover:rgba(16,185,129,0.7);--accent:#059669;--accent-2:#047857;--accent-3:#065f46;--glow-sm:0 0 18px rgba(16,185,129,0.1);--glow-md:0 0 40px rgba(16,185,129,0.15);--text:#0f172a;--muted:#64748b;--success:#059669;--error:#dc2626}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(16,185,129,.15) 0,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(5,150,105,.1) 0,transparent 60%);pointer-events:none;z-index:0}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 4rem}.hero{text-align:center;margin-bottom:3rem}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);border-radius:99px;padding:.3rem .9rem;font-size:.75rem;font-weight:600;color:#6ee7b7;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1.25rem}.hero-logo{max-width:220px;margin:0 auto 1.5rem;display:block}.hero h1{font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:800;line-height:1.15;background:var(--text-gradient,linear-gradient(135deg,#d1fae5 0,#6ee7b7 60%,#34d399 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}[data-theme=light] .hero-logo{filter:invert(1) hue-rotate(180deg) brightness(.6) contrast(1.2)}.theme-toggle{width:44px;height:44px}.theme-toggle svg{width:1.35rem;height:1.35rem}.theme-toggle:hover{transform:scale(1.08)}.hero p{font-size:1rem;color:var(--muted);max-width:480px;margin:0 auto;line-height:1.7}.card{width:100%;max-width:660px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.25rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--card-shadow,0 25px 60px rgba(0,0,0,.45))}[data-theme=light]{--text-gradient:linear-gradient(135deg,#065f46,#059669 60%,#10b981);--card-shadow:0 20px 40px rgba(0,0,0,0.1)}.dropzone{position:relative;border:2px dashed var(--border);border-radius:var(--radius-lg);padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition);background:var(--surface-2);text-align:center}.dropzone.dragging,.dropzone:hover{border-color:var(--border-hover);background:rgba(16,185,129,.06);box-shadow:var(--glow-md);transform:translateY(-2px)}.dropzone:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.35)}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone-icon{width:56px;height:56px;background:rgba(16,185,129,.12);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background var(--transition),transform var(--transition)}.dropzone.dragging .dropzone-icon,.dropzone:hover .dropzone-icon{background:rgba(16,185,129,.22);transform:scale(1.08)}.dropzone-title{font-size:1.05rem;font-weight:600;color:var(--text)}.dropzone-sub{font-size:.85rem;color:var(--muted);margin-top:-.4rem}.dropzone-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;border:none;border-radius:var(--radius-sm);padding:.55rem 1.4rem;font-size:.85rem;font-weight:600;cursor:pointer;pointer-events:none;transition:opacity var(--transition),transform var(--transition);box-shadow:0 4px 14px rgba(16,185,129,.35)}.file-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem}.file-item{display:flex;align-items:center;gap:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;animation:fadeSlideIn .22s ease both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.file-icon{width:36px;height:36px;background:rgba(16,185,129,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-info{flex:1 1;min-width:0}.file-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;color:var(--muted);margin-top:1px}.file-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;flex-shrink:0}.file-status.pending{color:var(--muted)}.file-status.processing{color:var(--accent)}.file-status.done{color:var(--success)}.file-status.error{color:var(--error)}.file-remove{background:none;border:none;cursor:pointer;color:var(--muted);padding:.2rem;border-radius:4px;line-height:1;transition:color var(--transition),background var(--transition);flex-shrink:0}.file-remove:hover{color:var(--error);background:rgba(239,68,68,.1)}.progress-bar-wrap{height:3px;background:rgba(16,185,129,.12);border-radius:99px;overflow:hidden;margin-top:1.5rem}.progress-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .4s ease}.action-btn{margin-top:1.5rem;width:100%;padding:.85rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 60%,var(--accent-3) 100%);color:white;box-shadow:0 8px 20px rgba(16,185,129,.35);transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent)}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,185,129,.5)}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.45;cursor:not-allowed}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.download-panel{margin-top:1.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;animation:fadeSlideIn .3s ease both}.download-panel-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--success);margin-bottom:1rem}.download-list{display:flex;flex-direction:column;gap:.5rem}.download-btn{display:flex;align-items:center;gap:.6rem;background:rgba(16,185,129,.08);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem 1rem;font-size:.85rem;font-weight:500;color:var(--accent);cursor:pointer;text-align:left;transition:background var(--transition),border-color var(--transition);width:100%;text-decoration:none}.download-btn:hover{background:rgba(16,185,129,.15);border-color:var(--border-hover)}.download-btn.zip{margin-top:.75rem;background:rgba(16,185,129,.1);border-color:var(--border);color:var(--accent);font-weight:700}.download-btn.zip:hover{background:rgba(16,185,129,.2);border-color:var(--border-hover)}.error-banner{margin-top:1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.7rem 1rem;font-size:.85rem;color:var(--error);display:flex;align-items:center;gap:.5rem}.reset-btn{margin-top:1.25rem;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem 1.2rem;font-size:.82rem;font-weight:500;color:var(--muted);cursor:pointer;transition:border-color var(--transition),color var(--transition);width:100%}.reset-btn:hover{border-color:var(--accent);color:var(--text)}.footer{margin-top:2.5rem;font-size:.78rem;color:var(--muted);opacity:.55;text-align:center}.theme-toggle{position:absolute;top:1.5rem;left:1.5rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.theme-toggle svg{width:1.25rem;height:1.25rem}.theme-toggle:hover{color:var(--accent);border-color:var(--border-hover);background:var(--surface);transform:scale(1.05);box-shadow:var(--glow-sm)}