:root{--bg:#000000;--panel:#0d0f14;--surface:#0e1117;--muted:#6b7084;--fg:#e2e4ea;--accent:#7c5cff;--accent-soft:rgba(124,92,255,0.12);--ok:#27c93f;--ok-soft:rgba(39,201,63,0.1);--err:#ff5f56;--err-soft:rgba(255,95,86,0.1);--warn:#f5a623;--border:#1a1d26;--border-hover:#2b2f3a;--radius:14px;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font:15px/1.5 var(--sans);background:var(--bg);color:var(--fg);display:grid;place-items:center;padding:24px;-webkit-font-smoothing:antialiased}.card{width:min(780px,100%);background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.02);overflow:hidden;animation:cardIn .5s ease both}.card--narrow{width:min(400px,100%)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}header{padding:18px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}header .icon{width:36px;height:36px;background:var(--accent-soft);border-radius:10px;display:grid;place-items:center;font-size:18px}header h1{font-size:16px;font-weight:700;letter-spacing:-.2px}header .header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}header .tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);background:var(--accent-soft);padding:4px 10px;border-radius:8px}.content{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}.drop{border:2px dashed var(--border-hover);border-radius:var(--radius);padding:32px 24px;text-align:center;background:var(--surface);transition:.25s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.drop:hover{border-color:#3a3f52}.drop.dragover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 30px rgba(124,92,255,.08)}.drop input{display:none}.drop .drop-icon{font-size:32px;margin-bottom:8px;opacity:.7}.drop .title{font-weight:700;font-size:15px}.drop .hint{color:var(--muted);font-size:13px;margin-top:6px}.drop .hint code{background:rgba(124,92,255,.1);padding:2px 6px;border-radius:4px;font-family:var(--mono);font-size:12px;color:var(--accent)}.configs{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:5px}.field .field-label,.field label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.field input{padding:10px 12px;border-radius:10px;background:var(--surface);color:#fff;border:1px solid var(--border);font-family:var(--mono);font-size:13px;transition:border-color .2s;outline:none;width:100%}.field input:focus{border-color:var(--accent)}.segmented{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .2s}.segmented:hover{border-color:var(--border-hover)}.segmented:focus-within{border-color:var(--accent)}.seg-btn{min-width:32px;height:30px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:600 13px/1 var(--mono);cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease;outline:none}.seg-btn:hover:not(.is-active){color:var(--fg);background:rgba(255,255,255,.04)}.seg-btn:focus-visible{box-shadow:0 0 0 2px rgba(124,92,255,.4)}.seg-btn.is-active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(124,92,255,.35)}.queue{display:flex;flex-direction:column;gap:8px}.queue:empty{display:none}.file-item{display:grid;grid-template-columns:56px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);animation:itemIn .3s ease both;position:relative;overflow:hidden}@keyframes itemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.file-item .progress-bg{position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft);width:0;transition:width .3s ease;pointer-events:none;border-radius:12px}.file-item.done .progress-bg{background:var(--ok-soft)}.file-item.error .progress-bg{background:var(--err-soft)}.file-item>:not(.progress-bg){position:relative;z-index:1}.file-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;background:#0a0c10;border:1px solid var(--border);flex-shrink:0}.file-thumb img{width:100%;height:100%;object-fit:cover;display:block}.file-info{min-width:0}.file-info .file-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.file-info .file-meta{font-size:12px;color:var(--muted);margin-top:2px;display:flex;gap:8px;align-items:center}.file-info .file-status{font-size:12px;margin-top:3px;font-weight:500}.file-status.pending{color:var(--muted)}.file-status.uploading{color:var(--accent)}.file-status.done{color:var(--ok)}.file-status.error{color:var(--err)}.file-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.icon-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:.15s ease;font-size:14px;flex-shrink:0}.icon-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--fg);background:rgba(255,255,255,.03)}.icon-btn.copied{border-color:var(--ok);color:var(--ok)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.bottom-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{background:var(--accent);color:white;border:0;border-radius:12px;padding:12px 20px;font-weight:700;font-size:14px;font-family:var(--sans);cursor:pointer;transition:transform .06s ease,filter .2s,box-shadow .2s;box-shadow:0 4px 16px rgba(124,92,255,.2);white-space:nowrap}.btn:hover:not(:disabled){box-shadow:0 6px 24px rgba(124,92,255,.35)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn--full{width:100%}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--muted);box-shadow:none;font-weight:600}.btn-outline:hover:not(:disabled){border-color:var(--border-hover);color:var(--fg);box-shadow:none}.btn-outline.copied{border-color:var(--ok);color:var(--ok)}.btn-sm{padding:7px 12px;font-size:12px;border-radius:9px}.summary{font-size:13px;color:var(--muted);margin-left:auto;font-family:var(--mono);font-weight:500}.summary .ok-count{color:var(--ok)}.summary .err-count{color:var(--err)}.info-bar{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.info-bar code{background:rgba(124,92,255,.08);padding:2px 6px;border-radius:4px;font-family:var(--mono);font-size:11px;color:var(--accent)}.queue-scroll{max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.queue-scroll::-webkit-scrollbar{width:6px}.queue-scroll::-webkit-scrollbar-track{background:transparent}.queue-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.notice{border-radius:10px;padding:10px 14px;font-size:13px;display:flex;align-items:center;gap:8px;animation:itemIn .2s ease both}.notice--warn{background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.2);color:var(--warn)}.notice--err{background:var(--err-soft);border:1px solid rgba(255,95,86,.25);color:var(--err)}.results{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;animation:itemIn .3s ease both}.results-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.results-head .results-title{font-size:13px;font-weight:700}.results-head .results-count{font-family:var(--mono);font-size:12px;color:var(--muted)}.results-head .results-actions{margin-left:auto;display:flex;gap:8px}.results-list{margin:0;padding:12px 14px;max-height:180px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--muted);white-space:pre;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.results-list::-webkit-scrollbar{width:6px}.results-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.login-form{display:flex;flex-direction:column;gap:14px}.login-lead{font-size:13px;color:var(--muted)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap input{padding-right:78px}.input-toggle{position:absolute;right:8px;border:0;background:transparent;color:var(--muted);font:600 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.5px;padding:6px;cursor:pointer;border-radius:6px;transition:color .15s ease}.input-toggle:hover{color:var(--accent)}.file-thumb-icon{width:100%;height:100%;display:grid;place-items:center;font-size:22px;opacity:.75}