:root{--bg: #f5f6f9;--bg-elevated: #ffffff;--bg-sunken: #eceef3;--bg-hover: #f0f2f7;--border: #dfe3ea;--border-strong: #c9d0db;--text: #1a1d23;--text-dim: #6b7382;--text-faint: #9aa2b0;--accent: #2563eb;--accent-hover: #1d4fd7;--accent-soft: rgba(37, 99, 235, .1);--accent-contrast: #ffffff;--ok: #17915f;--ok-soft: rgba(23, 145, 95, .12);--warn: #b8730a;--warn-soft: rgba(184, 115, 10, .14);--danger: #cf3f3f;--danger-soft: rgba(207, 63, 63, .12);--shadow: 0 1px 2px rgba(16, 20, 30, .06), 0 8px 24px -12px rgba(16, 20, 30, .18);--dz-bg: color-mix(in srgb, var(--accent) 10%, var(--bg-elevated));--dz-dot: color-mix(in srgb, var(--accent) 22%, transparent);--dz-border: color-mix(in srgb, var(--accent) 55%, var(--border-strong));--dz-text-dim: #636b79;--radius: 10px;--radius-sm: 7px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--sidebar-w: 224px;--topbar-h: 56px;--font: system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif}[data-theme=dark]{--bg: #0f1216;--bg-elevated: #171b21;--bg-sunken: #0b0e12;--bg-hover: #1e242c;--border: #262c35;--border-strong: #333b47;--text: #e6e9ee;--text-dim: #8b95a5;--text-faint: #6a7385;--accent: #4d9bff;--accent-hover: #6cadff;--accent-soft: rgba(77, 155, 255, .14);--accent-contrast: #08121f;--ok: #35c48d;--ok-soft: rgba(53, 196, 141, .14);--warn: #e0a83c;--warn-soft: rgba(224, 168, 60, .16);--danger: #ef6b6b;--danger-soft: rgba(239, 107, 107, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -16px rgba(0, 0, 0, .7);--dz-bg: color-mix(in srgb, var(--accent) 14%, var(--bg-elevated));--dz-dot: color-mix(in srgb, var(--accent) 16%, transparent);--dz-border: color-mix(in srgb, var(--accent) 55%, var(--border-strong));--dz-text-dim: var(--text-dim)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:13px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:var(--accent)}button,select,input{font:inherit;color:inherit}svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"topbar topbar" "sidebar content";height:100%;min-height:520px}.topbar{grid-area:topbar;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:2}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:650;letter-spacing:.2px;color:inherit;text-decoration:none}.logo{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#7c3aed));display:grid;place-items:center;color:#fff;flex:none}.crumb{display:flex;align-items:center;gap:6px;color:var(--text-dim);margin-left:var(--space-1)}.crumb .sep{color:var(--text-faint)}.crumb .here{color:var(--text);font-weight:550}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-dim);font-size:12px;white-space:nowrap}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent);background:var(--ok-soft)}.icon-btn{width:30px;height:30px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--bg-elevated);border-right:1px solid var(--border);padding:var(--space-3) var(--space-2) var(--space-2);overflow-y:auto}.nav-group{margin-bottom:var(--space-4)}.nav-group-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:0 10px var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-dim);text-decoration:none;font-size:13px;width:100%;background:transparent;border:0;text-align:left}.nav-item .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35;flex:none}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item[aria-current=page] .dot{opacity:1}.nav-item:not([aria-disabled=true]):hover{background:var(--bg-hover);color:var(--text)}.nav-item[aria-disabled=true]{color:var(--text-faint);cursor:not-allowed}.nav-item .soon{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:var(--radius-pill);background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-faint)}.sidebar-foot{margin-top:auto;padding:var(--space-3) 10px 0;border-top:1px solid var(--border)}.content{grid-area:content;overflow-y:auto;padding:var(--space-4)}.page{max-width:1320px;margin:0 auto}.dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius);background-color:var(--bg-elevated);transition:border-color .12s,background-color .12s}.dropzone.is-empty{display:grid;place-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;border:1.5px dashed var(--dz-border);background-color:var(--dz-bg);background-image:radial-gradient(circle,var(--dz-dot) 1.1px,transparent 1.2px);background-size:12px 12px}.dropzone.is-empty:hover{background-color:color-mix(in srgb,var(--accent) 4%,var(--dz-bg))}.dropzone.is-drag,.dropzone.is-drag:hover{border-style:solid;border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 20%,var(--bg-elevated))}.dropzone.is-empty .dz-icon{color:var(--accent);opacity:.85}.dropzone.is-empty h2{font-size:15px;font-weight:600}.dropzone.is-empty p{color:var(--dz-text-dim);font-size:12.5px;max-width:460px}.dropzone.is-slim{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);min-height:84px}.dropzone.is-slim .dz-icon{color:var(--accent);opacity:.8;flex:none}.dropzone.is-slim .dz-text{display:flex;flex-direction:column;gap:2px;color:var(--text-dim);font-size:12.5px}.dropzone.is-slim .dz-text strong{color:var(--text);font-size:13.5px;font-weight:600}.dropzone.is-slim .dz-actions{margin-left:auto}.skip-notices{margin-top:var(--space-3)}.skip-notice{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-sunken);color:var(--text-dim);font-size:12px}.skip-notice+.skip-notice{margin-top:var(--space-2)}.workspace{display:grid;grid-template-columns:296px minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-4);align-items:start}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-4);border-bottom:1px solid var(--border);font-weight:600;font-size:13px}.panel-head .count{color:var(--text-dim);font-weight:500}.panel-head .spacer{margin-left:auto}.params{position:sticky;top:0}.params-body{padding:var(--space-3) var(--space-4) var(--space-4)}.field{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.field:last-child{border-bottom:0;padding-bottom:0}.field-top{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:6px}.field-label{font-size:12px;color:var(--text-dim)}.field-value{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;font-size:12px}.field.is-off{opacity:.45}.field-hint{margin-top:6px;font-size:11.5px;color:var(--text-faint)}.field-hint.warn-on{color:var(--warn)}select,input[type=text],input[type=number]{width:100%;height:32px;padding:0 9px;background:var(--bg-sunken);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm)}select{appearance:none;cursor:pointer}select:disabled,input:disabled{opacity:.5;cursor:not-allowed}.size-row{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;margin-top:8px}.size-row .x{color:var(--text-faint)}.size-row input.is-auto{opacity:.5}.size-row input::placeholder{color:var(--text-faint)}.scale-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:8px}.scale-row .scale-end{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:18px;appearance:none;background:transparent;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--bg-sunken);border:1px solid var(--border)}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elevated);box-shadow:0 0 0 1px var(--accent)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--bg-sunken)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elevated)}input[type=range]:disabled{cursor:not-allowed}.check{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;user-select:none}.check:has(input:disabled){cursor:not-allowed;opacity:.5}.check input{appearance:none;width:15px;height:15px;margin:0;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-sunken);flex:none;position:relative;cursor:pointer}.check input:checked{background:var(--accent);border-color:var(--accent)}.check input:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--accent-contrast);border-width:0 2px 2px 0;transform:rotate(45deg)}.check span{font-size:12.5px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-sunken);color:var(--text-dim);font-size:12px;cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.chip .rec{margin-left:5px;font-size:10px;padding:0 5px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-contrast);font-weight:600}.stale-hint{color:var(--warn)}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;white-space:nowrap;text-decoration:none}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent}.btn.quiet{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.quiet:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{height:28px;padding:0 10px;font-size:12px}.queue-list{display:flex;flex-direction:column}.queue-cols,.queue-row{display:grid;grid-template-columns:40px minmax(150px,1fr) 168px 78px 84px 64px;gap:var(--space-3);align-items:center}.queue-cols{padding:7px var(--space-4);border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.04em;color:var(--text-faint);text-transform:uppercase}.queue-row{padding:9px var(--space-4);border-bottom:1px solid var(--border)}.queue-row:last-child{border-bottom:0}.queue-row:hover{background:var(--bg-hover)}.thumb{position:relative;width:40px;height:40px;border-radius:8px;border:1px solid var(--border);overflow:hidden;flex:none;background:var(--bg-sunken)}.thumb i{display:block;width:100%;height:100%}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.g1{background:linear-gradient(135deg,#7dd3fc,#2563eb 60%,#1e3a8a)}.g2{background:linear-gradient(135deg,#fcd34d,#f97316 55%,#b91c1c)}.g3{background:linear-gradient(135deg,#a7f3d0,#10b981 60%,#065f46)}.g4{background:linear-gradient(135deg,#e9d5ff,#a855f7 60%,#581c87)}.g5{background:linear-gradient(135deg,#fecdd3,#f43f5e 60%,#881337)}.g6{background:linear-gradient(135deg,#cbd5e1,#64748b 60%,#1e293b)}.qname{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.qtags{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px;min-width:0}.tag{font-size:11px;padding:1px 6px;border-radius:var(--radius-pill);background:var(--bg-sunken);color:var(--text-dim);border:1px solid var(--border);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag.warn{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.tag.ok{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.tag.err{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.qsizes{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:12.5px;display:flex;align-items:center;gap:6px}.qsizes .arrow{color:var(--text-faint)}.qsizes .to{color:var(--text);font-weight:600}.qsizes .to.dim{color:var(--text-faint);font-weight:400}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:22px;padding:0 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.muted{background:var(--bg-sunken);color:var(--text-faint);font-weight:500}.qstatus{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.qstatus.done{color:var(--ok)}.qstatus.error{color:var(--danger)}.spin{width:12px;height:12px;border-radius:50%;flex:none;border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation-duration:2s}}.actions{display:flex;gap:2px;justify-content:flex-end}.empty-queue{display:grid;place-items:center;gap:6px;padding:var(--space-6);color:var(--text-faint);text-align:center}.summary{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:10px var(--space-4);border-top:1px solid var(--border);background:var(--bg-elevated);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow)}.summary .stat{font-variant-numeric:tabular-nums}.summary .stat b{font-weight:650}.summary .stat .dim{color:var(--text-dim)}.summary .actions-right{margin-left:auto;display:flex;gap:var(--space-2)}.placeholder{padding:var(--space-6) var(--space-4);text-align:center}.placeholder .ph-icon{margin:0 auto var(--space-3);width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:var(--accent-soft);color:var(--accent)}.placeholder h2{font-size:16px;margin-bottom:6px}.placeholder p{color:var(--text-dim);margin-bottom:var(--space-4)}.switch{margin-left:auto;width:34px;height:18px;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--border-strong);position:relative;cursor:pointer;flex:none;padding:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-faint);transition:transform .14s,background .14s}.switch[aria-checked=true]{background:var(--accent-soft);border-color:var(--accent)}.switch[aria-checked=true]:after{transform:translate(16px);background:var(--accent)}.foot-note{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-dim);padding:7px 0}.foot-note.tiny{color:var(--text-faint);font-size:11.5px}@media(max-width:1180px){.workspace{grid-template-columns:minmax(0,1fr)}.params{position:static}.queue-cols,.queue-row{grid-template-columns:40px minmax(120px,1fr) 150px 70px 80px 60px;gap:var(--space-2)}}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.sidebar{display:none}}