:root{color-scheme:dark;--bg: #080c11;--bg-elevated: #0e141b;--card: #111922;--card-hover: #151f2b;--border: #1e2d3d;--border-bright: #2a3f54;--accent: #22d3ee;--accent-dim: #0891b2;--accent-soft: #06b6d4;--success: #22c55e;--warning: #fbbf24;--danger: #ef4444;--text: #e8edf2;--text-dim: #94a3b8;--text-muted: #64748b;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 4px 12px rgba(0,0,0,.35);--shadow-lg: 0 12px 32px rgba(0,0,0,.45);--radius: 14px;--radius-sm: 10px;--trans-fast: .12s ease;--trans: .22s ease;--trans-slow: .36s cubic-bezier(.16,1,.3,1);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:760px;margin:0 auto;padding:28px 18px 80px}header{text-align:center;margin-bottom:28px;animation:fadeSlideUp .22s ease-out backwards}h1{margin:0 0 6px;font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-1.5px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h1 span{color:var(--accent)}.tagline{color:var(--text-muted);font-size:clamp(14px,2.2vw,16px);max-width:520px;margin:0 auto;line-height:1.6}.hint{font-size:12px;margin:12px 0 0;text-align:center}.stats-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}.stat{font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--card);border:1px solid var(--border);color:var(--text-dim)}.stat.ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.stat.bad{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.stat.queue{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}.stat.work{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.now-line{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:99px;padding:8px 16px;margin-bottom:18px}.now-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite;flex-shrink:0}.now-sub{font-size:13px;margin-top:6px;max-width:380px;line-height:1.6}.skel{color:transparent;background:linear-gradient(90deg,var(--card) 25%,var(--card-hover) 50%,var(--card) 75%);background-size:200% 100%;animation:skel 1.2s linear infinite;-webkit-user-select:none;user-select:none}.skeleton-card{height:64px;background:linear-gradient(90deg,var(--card) 25%,var(--card-hover) 50%,var(--card) 75%);background-size:200% 100%;animation:skel 1.2s linear infinite;border:1px solid var(--border);margin-bottom:10px}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.queue-title{font-size:22px;font-weight:800;margin-top:14px;letter-spacing:-.5px}.queue-pos{font-size:40px;font-weight:800;color:var(--warning);margin-top:2px}.spinner.paused{animation-duration:2.4s;border-top-color:var(--warning);box-shadow:0 0 24px color-mix(in srgb,var(--warning) 12%,transparent)}.fill.idle{background:linear-gradient(90deg,var(--warning),#fcd34d);animation:shimmer 2.4s linear infinite}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:border-color var(--trans),box-shadow var(--trans),background var(--trans)}.card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-lg)}.form{animation:fadeSlideUp .22s ease-out backwards}.form input,.form select{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:15px;font-family:inherit;transition:border-color var(--trans-fast),box-shadow var(--trans-fast),background var(--trans-fast)}.form input::placeholder{color:var(--text-muted)}.form input:focus,.form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent);background:var(--bg-elevated)}.form .row{display:flex;gap:10px;margin-top:14px}.form button{width:100%;padding:14px 20px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);color:#031a1d;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform var(--trans-fast),box-shadow var(--trans-fast),filter var(--trans-fast)}.form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 35%,transparent)}.form button:active:not(:disabled){transform:translateY(0) scale(.995)}.form button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent),0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent)}.form button:disabled{opacity:.55;cursor:not-allowed;transform:none}.progress-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 24px;position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -20%,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 70%);pointer-events:none}.spinner{width:56px;height:56px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:spin 1s linear infinite;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 15%,transparent)}@keyframes spin{to{transform:rotate(360deg)}}.pct{font-size:clamp(36px,6vw,48px);font-weight:800;margin-top:18px;letter-spacing:-1.5px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stage{color:var(--text-dim);margin-top:6px;font-size:15px;min-height:22px;transition:opacity var(--trans),transform var(--trans);font-weight:500}.elapsed{color:var(--text-muted);font-size:12.5px;font-weight:500}.bar{width:100%;height:12px;background:var(--bg);border:1px solid var(--border);border-radius:99px;overflow:hidden;margin-top:20px;box-shadow:inset 0 1px 3px #0006}.fill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-soft) 50%,#67e8f9 100%);background-size:200% 100%;animation:shimmer 1.8s linear infinite,fillGrow .6s var(--trans-slow) forwards;transform-origin:left;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 40%,transparent)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fillGrow{0%{width:0%}}.steps.mini{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px}.steps.mini .step{flex:1 1 auto;min-width:90px;padding:7px 12px;border-radius:99px;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;transition:all var(--trans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steps.mini .step.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--bg)),color-mix(in srgb,var(--accent) 8%,var(--bg)));border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 14px color-mix(in srgb,var(--accent) 15%,transparent)}.steps.mini .step:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:middle}.steps.mini .step.active:before{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.job-card{animation:fadeSlideUp .22s ease-out backwards}.job-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.job-head strong{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;transition:all var(--trans-fast)}.badge.done{background:linear-gradient(135deg,color-mix(in srgb,var(--success) 18%,var(--bg)),color-mix(in srgb,var(--success) 8%,var(--bg)));border:1px solid color-mix(in srgb,var(--success) 40%,var(--border));color:var(--success)}.badge.error{background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 18%,var(--bg)),color-mix(in srgb,var(--danger) 8%,var(--bg)));border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));color:var(--danger)}.badge.small{font-size:10px;padding:4px 9px}.error-text{color:var(--danger);margin:12px 0 0;word-break:break-word;font-size:13px;padding:12px;background:color-mix(in srgb,var(--danger) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:var(--radius-sm)}.job-card video,.job-card img{width:100%;border-radius:var(--radius-sm);margin-top:14px;max-height:500px;background:var(--bg);border:1px solid var(--border)}.analysis{margin-top:16px;animation:fadeSlideUp .2s ease-out backwards}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;background:color-mix(in srgb,var(--accent) 12%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent);padding:4px 10px 4px 9px;border-radius:99px;transition:all var(--trans-fast)}.chip:hover{background:color-mix(in srgb,var(--accent) 22%,var(--card));transform:translateY(-1px)}.script{font-size:12.5px;color:var(--text-dim);border-left:3px solid var(--accent);padding-left:12px;margin-top:14px;line-height:1.6}.script strong{color:var(--text)}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:14px 20px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--success) 0%,#16a34a 100%);color:#f0fdf4;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;transition:transform var(--trans-fast),box-shadow var(--trans-fast),filter var(--trans-fast);box-shadow:0 4px 14px color-mix(in srgb,var(--success) 30%,transparent)}.download-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px color-mix(in srgb,var(--success) 40%,transparent)}.download-btn:active{transform:translateY(0) scale(.995)}section h2{font-size:17px;font-weight:700;margin:40px 0 16px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--trans);animation:fadeSlideUp .22s ease-out backwards}.history-item:hover{border-color:var(--border-bright);transform:translate(2px)}.hist-main{display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.hist-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted);font-size:13.5px;font-family:var(--mono);max-width:320px}.mini-progress{font-size:12px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));padding:4px 10px;border-radius:99px;white-space:nowrap}.hist-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.hist-actions a{color:var(--accent);text-decoration:none;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px;transition:background var(--trans-fast),color var(--trans-fast)}.hist-actions a:hover{background:color-mix(in srgb,var(--accent) 15%,var(--bg));color:var(--accent-soft)}.hist-actions button{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:12.5px;font-weight:500;font-family:inherit;transition:all var(--trans-fast)}.hist-actions button:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.hist-actions button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.error-card{border-color:color-mix(in srgb,var(--danger) 50%,var(--border));background:color-mix(in srgb,var(--danger) 6%,var(--card));color:var(--danger);animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}footer{margin-top:48px;text-align:center;color:var(--text-muted);font-size:12.5px;padding-top:20px;border-top:1px solid var(--border)}.cancel-btn{margin-top:16px;padding:10px 20px;border-radius:var(--radius-sm);border:1px solid var(--danger);background:transparent;color:var(--danger);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--trans-fast)}.cancel-btn:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 15%,transparent);border-color:var(--danger)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}@media(max-width:540px){.container{padding:20px 14px 60px}.card{padding:18px;border-radius:12px}.form .row{flex-direction:column}.steps.mini{gap:5px}.steps.mini .step{min-width:70px;padding:6px 9px;font-size:10px}.hist-url{max-width:180px}.download-btn{padding:13px 16px;font-size:14px}}