:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f1f3f8;--border:#e3e6ee;--text:#0f172a;--muted:#64748b;--accent:#4f46e5;--accent-2:#7c3aed;--accent-soft:#eef0ff;--accent-text:#fff;--ok:#059669;--ok-soft:#e7f7f0;--warn:#b45309;--warn-soft:#fdf3e6;--danger:#dc2626;--danger-soft:#fdecec;--shadow:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0d;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b0f19;--surface:#121829;--surface-2:#1a2236;--border:#253049;--text:#e6e9f2;--muted:#93a0b8;--accent:#818cf8;--accent-2:#a78bfa;--accent-soft:#1e2347;--accent-text:#0b0f19;--ok:#34d399;--ok-soft:#0f2a22;--warn:#fbbf24;--warn-soft:#2b2210;--danger:#f87171;--danger-soft:#2d1414;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input,select{font:inherit;color:inherit}h1,h2{margin:0}.app{max-width:1180px;margin:0 auto;padding:24px 16px 40px}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:.01em;font-size:20px}.brand p{color:var(--muted);margin:2px 0 0;font-size:13px}.layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.work,.side{flex-direction:column;gap:16px;min-width:0;display:flex}.side{position:sticky;top:16px}@media (max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.side{position:static}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-head h2{font-size:15px}.drop{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:24px;transition:border-color .15s,background .15s;display:flex}.drop:hover,.drop:focus-visible,.drop.over{border-color:var(--accent);background:var(--accent-soft);outline:none}.drop.compact{text-align:left;flex-flow:wrap;justify-content:flex-start;min-height:0;padding:14px 16px}.drop-icon{width:56px;height:56px;color:var(--accent-text);background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;place-items:center;display:grid}.drop.compact .drop-icon{width:36px;height:36px}.drop.compact .drop-icon svg{width:18px;height:18px}.drop-title{font-size:16px;font-weight:600}.drop.compact .drop-title{font-size:14px}.drop-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.drop.compact .drop-text{flex:1;min-width:0}.drop-notice{color:var(--muted);margin:8px 2px 0;font-size:12px}.task-dir{color:var(--muted);font-weight:400}.drop-sub{color:var(--muted);margin-top:4px}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:9px;padding:7px 14px;font-weight:500;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.btn.ghost{color:var(--muted);border-color:#0000}.btn.sm{padding:4px 11px;font-size:13px}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:7px;width:28px;height:28px;font-size:20px;line-height:1}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.link.small{margin:6px 0 0 44px;font-size:12px}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.toolbar-group{flex-wrap:wrap;gap:8px;display:flex}.tasks{margin:0;padding:0;list-style:none}.task{border-top:1px solid var(--border);padding:12px 0}.task:first-child{border-top:0}.task-main{align-items:center;gap:12px;display:flex}.task-icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:9px;flex:none;place-items:center;font-weight:700;display:grid}.task.done .task-icon{background:var(--ok-soft);color:var(--ok)}.task.error .task-icon{background:var(--danger-soft);color:var(--danger)}.task-body{flex:1;min-width:0}.task-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.task-meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.badge{color:var(--warn);background:var(--warn-soft);border-radius:5px;padding:0 6px}.task-actions{flex:none;align-items:center;gap:6px;display:flex}.task-options{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:10px 0 0 44px;display:flex}.inline-field{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.inline-field select,.inline-field input{border:1px solid var(--border);background:var(--surface);border-radius:7px;padding:3px 8px;font-size:13px}.inline-field input{width:88px}.trim{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.hint{color:var(--muted);font-size:12px}.error-text{color:var(--danger);font-size:12px}.progress-row{align-items:center;gap:10px;margin:10px 0 0 44px;display:flex}.bar{background:var(--surface-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;height:100%;transition:width .15s linear}.task.queued .bar,.task.probing .bar{background:repeating-linear-gradient(-45deg, var(--surface-2) 0 8px, var(--border) 8px 16px);background-size:200% 100%;animation:1.2s linear infinite stripes}@keyframes stripes{to{background-position:-45px 0}}.progress-label{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:110px;font-size:12px}.result-row{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:10px 0 0 44px;display:flex}.result-meta{color:var(--muted);flex-wrap:wrap;flex:1;gap:2px 12px;min-width:200px;font-size:12px;display:flex}.result-meta strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:600;overflow:hidden}.result-row audio{width:280px;max-width:100%;height:34px}.error-row,.muted-row{margin:8px 0 0 44px;font-size:12px}.error-row{color:var(--danger);background:var(--danger-soft);word-break:break-word;border-radius:8px;padding:6px 10px}.muted-row{color:var(--muted)}.summary{border-top:1px solid var(--border);color:var(--muted);margin-top:4px;padding-top:10px;font-size:12px}fieldset{border:0;min-width:0;margin:0 0 14px;padding:0}fieldset:disabled .field,fieldset:disabled .check{opacity:.45}legend{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;padding:0;font-size:12px;font-weight:600}.formats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.format{border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;padding:8px 10px;transition:border-color .15s,background .15s;display:flex;position:relative}.format input{opacity:0;pointer-events:none;position:absolute}.format:hover{border-color:var(--accent)}.format.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.format:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.format-name{font-weight:600}.format-hint{color:var(--muted);font-size:11.5px;line-height:1.35}.field{flex-direction:column;gap:5px;margin-bottom:12px;font-size:13px;display:flex}.field>span{color:var(--muted);justify-content:space-between;display:flex}.field output{color:var(--text);font-variant-numeric:tabular-nums}.field select{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:7px 10px}.field input[type=range]{accent-color:var(--accent)}.check{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.check input{accent-color:var(--accent);margin-top:3px}.check small{color:var(--muted);font-size:12px;display:block}.note{color:var(--muted);margin:0 0 10px;font-size:12px}.dir{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.dir-label{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:13px;overflow:hidden}.dir-actions{align-items:center;gap:12px;margin-bottom:8px;display:flex}.caps ul{margin:0;padding:0;font-size:13px;list-style:none}.caps li{padding:3px 0 3px 20px;position:relative}.caps li:before{content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:4px}.caps li.ok:before{background:var(--ok)}.caps li.warn:before{background:var(--warn)}.footer{text-align:center;color:var(--muted);margin-top:28px;font-size:12px}@media (max-width:560px){.task-options,.progress-row,.result-row,.error-row,.muted-row,.link.small{margin-left:0}.result-row audio{width:100%}}