:root{--bg:#0c0d10;--surface:#14161b;--surface-2:#1b1e25;--border:#272b34;--text:#e8eaee;--text-dim:#9aa1ae;--text-faint:#6b7280;--accent:#e8483f;--accent-soft:#e8483f22;--ok:#3fb96b;--warn:#e0a23a;--err:#e35d55;--radius:12px;--radius-sm:8px;--bar-h:72px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--border:#dde1e7;--text:#15181d;--text-dim:#5a6371;--text-faint:#8b93a1;--accent-soft:#e8483f18;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}img{max-width:100%}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100dvh;padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px) + 12px)}.header{max-width:860px;margin:0 auto;padding:20px 16px 8px}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:grid}.brand-name{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700;line-height:1.1}.brand-sub{color:var(--text-faint);letter-spacing:.02em;text-transform:uppercase;margin:1px 0 0;font-size:12px}.header-note{color:var(--text-dim);margin:14px 0 0;font-size:14px}.main{flex-direction:column;gap:14px;max-width:860px;margin:0 auto;padding:12px 16px 0;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.tabs{background:var(--surface-2);border-radius:var(--radius-sm);gap:4px;margin-bottom:14px;padding:3px;display:flex}.tab{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:8px 10px;font-size:14px;font-weight:600}.tab-on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0003}.input,.select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:11px 12px;font-size:16px}.input::placeholder{color:var(--text-faint)}.input:focus,.select:focus{border-color:var(--accent);outline:none}.select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.urlbar{flex-direction:column;gap:10px;display:flex}.urlbar-field{display:flex;position:relative}.urlbar-field .input{padding-right:86px}.btn-paste{padding:0 12px;font-size:13px;position:absolute;top:5px;bottom:5px;right:5px}.urlbar-error,.panel-error{color:var(--err);margin:0;font-size:13px}.panel-error{margin-top:10px}.search{gap:8px;display:flex}.search .input{flex:1}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--text-faint)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.btn-ghost{background:0 0}.btn-sm{padding:7px 11px;font-size:13px}.btn-lg{flex:1;padding:13px 20px;font-size:15px}.btn-icon{width:34px;height:34px;color:var(--text-faint);background:0 0;border-color:#0000;padding:0;font-size:15px}.btn-icon:hover{color:var(--err);border-color:var(--border)}.picker{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:14px;padding-top:14px;display:flex}.picker-group{flex-direction:column;gap:7px;display:flex}.picker-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:12px;font-weight:600}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chips-split{background:var(--border);width:1px;height:20px;margin:0 3px}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:600}.chip-audio{font-style:italic}.chip-on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.picker-hint{color:var(--text-faint);margin:0;font-size:12.5px}.queue-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.queue-title{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.queue-count{background:var(--surface-2);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.queue-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.switch{color:var(--text-dim);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.switch input{width:16px;height:16px;accent-color:var(--accent)}.queue{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:auto 64px 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.row-done{border-color:#3fb96b44}.row-error{border-color:#e35d5544}.row-index{text-align:right;width:20px;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:12px}.row-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--border);border-radius:5px;width:64px}.row-thumb-empty,.result-thumb-empty{background:linear-gradient(135deg, var(--border), var(--surface))}.row-main{min-width:0}.row-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.row-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:6px;margin:3px 0 0;font-size:12px;display:flex}.row-uploader{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.tag{background:var(--surface);border:1px solid var(--border);letter-spacing:.04em;color:var(--text-dim);border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700}.progress{background:var(--border);border-radius:999px;height:4px;margin:7px 0 5px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s ease-out}.progress-idle{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.row-stage{color:var(--text-dim);margin:0;font-size:12px}.row-stage-error{color:var(--err);white-space:normal}.row-speed,.row-percent{color:var(--text-faint);font-variant-numeric:tabular-nums}.row-done .row-stage{color:var(--ok)}.row-actions{align-items:center;gap:4px;display:flex}.empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-sm);padding:26px 14px}.empty-title{color:var(--text-dim);margin:0 0 5px;font-weight:600}.empty-text{color:var(--text-faint);margin:0;max-width:42ch;margin-inline-start:auto;margin-inline-end:auto;font-size:13px}.results{flex-direction:column;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}.result{background:var(--surface-2);border-radius:var(--radius-sm);grid-template-columns:76px 1fr auto;align-items:center;gap:10px;padding:7px;display:grid}.result-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--border);border-radius:5px;width:76px}.result-main{min-width:0}.result-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;font-weight:600;display:-webkit-box;overflow:hidden}.result-meta{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.logs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.logs-toggle{width:100%;color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.logs-count{background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:11.5px}.logs-caret{margin-left:auto;transition:transform .15s}.logs-caret-open{transform:rotate(180deg)}.logs-box{border-top:1px solid var(--border);max-height:210px;color:var(--text-dim);padding:0 14px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.7;overflow-y:auto}.logs-line,.logs-empty{word-break:break-word;margin:0;padding-top:6px}.logs-empty{color:var(--text-faint)}.actionbar{z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:fixed;top:auto;bottom:0;left:0;right:0}.actionbar>.btn{max-width:260px}.actionbar-status{color:var(--text-faint);font-size:12.5px}.footer{color:var(--text-faint);padding:4px 2px 20px;font-size:12px}.footer p{max-width:62ch;margin:0 0 6px}.footer-brand{color:var(--text-faint);opacity:.7}@media (min-width:640px){.header{padding-top:30px}.brand-name{font-size:26px}.urlbar{flex-direction:row;align-items:flex-start}.urlbar-field{flex:1}.urlbar-error{flex-basis:100%}.row{grid-template-columns:auto 92px 1fr auto;padding:11px}.row-thumb{width:92px}.row-uploader{max-width:24ch}.actionbar{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}