:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f7;--surface:#fff;--surface-hover:#f1f1f3;--border:#0000001a;--border-strong:#0000002e;--track:#00000014;--text:#1b1b1f;--muted:#6b7280;--primary:#4a7a85;--primary-strong:#3a626c;--primary-hover:#325661;--on-primary:#fff;--tint:#4a7a851a;--tint-border:#4a7a8566;--success:#3f7d5a;--danger:#b4453c;--warn:#9a6b2f;--radius:10px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--shadow-soft:0 1px 2px #0000000f;--control-height:32px;--control-height-lg:34px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0;font-size:15px;font-weight:600}button{font:inherit;min-height:var(--control-height);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:13px;transition:background-color .15s,border-color .15s;display:inline-flex}button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--muted)}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary);outline:none}button.primary{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary);font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button.danger{color:var(--danger);border-color:#b4453c66}button.danger:hover:not(:disabled){border-color:var(--danger);background:#b4453c12}.icon-button{min-height:0;color:var(--muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:3px}.icon-button:hover:not(:disabled){color:var(--text);background:#0000000d;border-color:#0000}.app{flex-direction:column;gap:10px;max-width:780px;margin:0 auto;padding:24px 20px 32px;display:flex}.app-header{justify-content:space-between;align-items:center;gap:12px;padding-bottom:2px;display:flex}.capability{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.capability-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.capability-supported{color:var(--success)}.capability-unsupported{color:var(--danger)}.alert{border-radius:var(--radius-md);color:var(--danger);border:1px solid #b4453c59;margin:0;padding:8px 10px;font-size:13px}.dropzone{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s;display:flex}.dropzone-active{border-color:var(--primary)}.dropzone-hint{color:var(--muted);margin:0;font-size:13px}.dropzone-actions{flex-shrink:0;gap:6px;display:flex}.presets{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);align-self:flex-start;gap:3px;padding:3px;display:inline-flex}.preset{min-height:28px;color:var(--muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;padding:5px 16px;font-size:13px;transition:background-color .15s,color .15s}.preset:hover{color:var(--text)}.preset-active,.preset-active:hover{background:var(--tint);border-color:var(--tint-border);color:var(--primary-strong);font-weight:600}.preset:has(input:disabled){opacity:.45;cursor:not-allowed}.notice{border-left:2px solid var(--primary);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:0;padding:7px 10px;font-size:13px;display:flex}.job-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.job-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.job-main{align-items:center;gap:8px;min-width:0;display:flex}.job-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.job-size{color:var(--muted);flex-shrink:0;font-size:12.5px}.job-state{color:var(--muted);flex-shrink:0;align-items:center;gap:5px;margin-left:auto;font-size:12.5px;display:inline-flex}.job-state-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.job-state-ready,.job-state-completed{color:var(--success)}.job-state-processing{color:var(--primary-strong)}.job-state-failed,.job-state-unsupported{color:var(--danger)}.job-state-canceled,.job-state-skipped{color:var(--warn)}.job-meta,.job-detail{color:var(--muted);font-size:12.5px}.job-error{color:var(--danger);font-size:12.5px}.job-progress{flex-direction:column;gap:4px;display:flex}.progress-track{background:var(--track);border-radius:2px;width:100%;height:3px;overflow:hidden}.progress-track>span{background:var(--primary);height:100%;transition:width .2s;display:block}.queue-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.queue-footer button{min-height:var(--control-height-lg)}.queue-summary{color:var(--muted);font-size:13px}.placeholder{color:var(--muted);margin:0;font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}