:root{--bg-base:#08090c;--bg-surface:#0f1117;--bg-surface-elevated:#161922;--bg-surface-hover:#1e222e;--bg-glass:#121620b3;--border-subtle:#ffffff14;--border-highlight:#ffffff29;--border-focus:#fe2c55;--accent-pink:#fe2c55;--accent-pink-glow:#fe2c5559;--accent-cyan:#25f4ee;--accent-cyan-glow:#25f4ee59;--accent-purple:#8a2be2;--accent-amber:#f59e0b;--accent-emerald:#10b981;--accent-emerald-glow:#10b9814d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#08090c;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-glow:0 0 20px var(--accent-pink-glow);--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 50% -20%,#fe2c551f,#0000),radial-gradient(600px at 100% 10%,#25f4ee0f,#0000);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:50;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.85rem 1.75rem;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-pink), #f05);color:#fff;width:34px;height:34px;box-shadow:0 0 16px var(--accent-pink-glow);justify-content:center;align-items:center;display:flex}.brand-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 40%,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:700}.brand-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);color:var(--accent-cyan);background:#25f4ee1f;border:1px solid #25f4ee4d;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.nav-controls{align-items:center;gap:1rem;display:flex}.folder-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.folder-select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-size:.85rem;font-weight:500}.folder-select option{background:var(--bg-surface-elevated);color:var(--text-primary)}.concurrency-control{color:var(--text-secondary);background:var(--bg-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:.35rem .7rem;font-size:.8rem;display:flex}.concurrency-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;padding:.1rem .35rem;font-weight:700}.concurrency-btn:hover{color:var(--text-primary);background:#ffffff1a}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-pink), #e01e4a);color:#fff;box-shadow:0 4px 14px var(--accent-pink-glow)}.btn-primary:hover{box-shadow:0 6px 18px var(--accent-pink-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-highlight)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:.3rem .65rem;font-size:.75rem}.main-content{flex-direction:column;flex:1;gap:1.75rem;width:100%;max-width:1300px;margin:0 auto;padding:2rem 1.5rem;display:flex}.dropzone-container{border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:#fe2c5505;border:2px dashed #fe2c5559;padding:3.5rem 2rem;position:relative;overflow:hidden}.dropzone-container:hover,.dropzone-container.active{border-color:var(--accent-pink);background:#fe2c550d;transform:scale(1.005);box-shadow:0 0 30px #fe2c551f}.dropzone-icon-circle{width:68px;height:68px;color:var(--accent-pink);background:linear-gradient(135deg,#fe2c5526,#25f4ee26);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.dropzone-title{margin-bottom:.4rem;font-size:1.25rem;font-weight:700}.dropzone-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem}.dropzone-tags{align-items:center;gap:.5rem;display:inline-flex}.pill{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.pill-cyan{color:var(--accent-cyan);background:#25f4ee1a;border-color:#25f4ee40}.pill-pink{color:var(--accent-pink);background:#fe2c551a;border-color:#fe2c5540}.pill-emerald{color:var(--accent-emerald);background:#10b9811a;border-color:#10b98140}.pill-amber{color:var(--accent-amber);background:#f59e0b1a;border-color:#f59e0b40}.queue-header{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.queue-stats{align-items:center;gap:1.5rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.stat-val{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.queue-actions{align-items:center;gap:.65rem;display:flex}.queue-list{flex-direction:column;gap:1rem;display:flex}.video-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);grid-template-columns:240px 1fr auto;align-items:center;gap:1.5rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.video-card:hover{border-color:var(--border-highlight);background:var(--bg-surface-elevated)}.video-card.status-completed{border-left:4px solid var(--accent-emerald)}.video-card.status-uploading{border-left:4px solid var(--accent-pink)}.video-card.status-annotating{border-left:4px solid var(--accent-cyan)}.video-card.status-skipped{border-left:4px solid var(--accent-amber)}.video-card.status-error{border-left:4px solid #ef4444}.thumbnail-strip{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#000;width:100%;height:135px;display:flex;position:relative;overflow:hidden}.thumb-frame{object-fit:cover;height:100%;transition:opacity var(--transition-fast);flex:1;position:relative}.thumb-tag{border-radius:var(--radius-sm);color:#fff;background:#000000bf;padding:.1rem .35rem;font-family:JetBrains Mono,monospace;font-size:.65rem;position:absolute;bottom:6px;right:6px}.thumb-placeholder{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.video-info{flex-direction:column;gap:.5rem;display:flex}.video-header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.video-title{white-space:nowrap;text-overflow:ellipsis;max-width:450px;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;overflow:hidden}.video-meta-tags{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.progress-section{flex-direction:column;gap:.4rem;margin-top:.35rem;display:flex}.progress-header{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.progress-track{background:#ffffff14;border-radius:9999px;width:100%;height:6px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-pink), var(--accent-cyan));border-radius:9999px;height:100%;transition:width .2s}.progress-fill.completed{background:var(--accent-emerald)}.pipeline-steps{align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.step-badge{border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff0d;border:1px solid #0000;padding:.15rem .5rem;font-size:.7rem}.step-badge.active{color:var(--accent-cyan);background:#25f4ee26;border-color:#25f4ee4d;animation:1.5s infinite pulse-border}.step-badge.done{color:var(--accent-emerald);background:#10b9811f}@keyframes pulse-border{0%{box-shadow:0 0 #25f4ee66}70%{box-shadow:0 0 0 6px #25f4ee00}to{box-shadow:0 0 #25f4ee00}}.video-actions{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface-elevated);border:1px solid var(--border-highlight);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:800px;max-height:88vh;animation:.2s cubic-bezier(.16,1,.3,1) modal-enter;display:flex;box-shadow:0 20px 50px #000c}@keyframes modal-enter{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.json-pre{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#38bdf8;background:#000;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.6;overflow-x:auto}@media (width<=900px){.video-card{grid-template-columns:1fr;gap:1rem}.thumbnail-strip{height:160px}.video-actions{flex-direction:row;justify-content:space-between;width:100%}}