.mode-toggle[data-v-7cf4b797]{flex-wrap:wrap;gap:8px;display:flex}.mode-note[data-v-7cf4b797]{color:var(--text-muted);margin:8px 0 0;font-size:13px}.quality-value[data-v-7cf4b797]{font-family:var(--mono);color:var(--accent);font-size:14px}.quality-slider[data-v-7cf4b797]{width:100%;max-width:420px;accent-color:var(--accent);cursor:pointer}.quality-slider[data-v-7cf4b797]:disabled{cursor:not-allowed;opacity:.55}.page-head[data-v-7cf4b797]{text-align:center;max-width:780px;margin:0 auto 32px}.controls[data-v-7cf4b797]{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:20px;padding:20px;display:flex}.control-group h3[data-v-7cf4b797]{margin:0 0 10px;font-size:15px}.format-row[data-v-7cf4b797]{gap:8px;display:flex}.preset-btn[data-v-7cf4b797]{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s,color .2s}.preset-btn[data-v-7cf4b797]:hover:not(:disabled){border-color:var(--accent-border)}.preset-btn.active[data-v-7cf4b797]{color:var(--accent);background:var(--accent-bg);border-color:var(--accent)}.preset-btn[data-v-7cf4b797]:disabled{opacity:.55;cursor:not-allowed}.compress-btn[data-v-7cf4b797]{padding:12px 28px;font-size:16px}.queue h2[data-v-7cf4b797]{font-size:22px}.job-list[data-v-7cf4b797]{border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;padding:0;list-style:none;overflow:hidden}.job-item[data-v-7cf4b797]{background:var(--bg);padding:10px 14px;font-size:14px}.job-item+.job-item[data-v-7cf4b797]{border-top:1px solid var(--border)}.job-row[data-v-7cf4b797]{justify-content:space-between;align-items:center;gap:12px;display:flex}.job-name[data-v-7cf4b797]{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-h);flex:1;overflow:hidden}.job-status[data-v-7cf4b797]{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.job-status.status-queued[data-v-7cf4b797]{color:var(--text-muted)}.job-status.status-compressing[data-v-7cf4b797]{color:var(--accent)}.job-status.status-done[data-v-7cf4b797]{color:var(--success)}.job-status.status-failed[data-v-7cf4b797]{color:var(--danger)}.job-error[data-v-7cf4b797]{color:var(--danger);margin:6px 0 0;font-size:13px}.results-head[data-v-7cf4b797]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.results-head h2[data-v-7cf4b797]{margin:0;font-size:22px}.result-list[data-v-7cf4b797]{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.content[data-v-7cf4b797]{max-width:780px;margin-left:auto;margin-right:auto}.content h2[data-v-7cf4b797]{margin-top:32px}.content h3[data-v-7cf4b797]{margin-top:24px}.steps[data-v-7cf4b797]{padding-left:22px}.steps li[data-v-7cf4b797]{margin-bottom:10px}@media (width<=860px){.result-list[data-v-7cf4b797]{grid-template-columns:1fr}}@media (width<=640px){h1[data-v-7cf4b797]{font-size:30px}.controls[data-v-7cf4b797]{padding:16px}.compress-btn[data-v-7cf4b797],.zip-btn[data-v-7cf4b797]{width:100%;padding:14px 20px;font-size:16px}.format-row[data-v-7cf4b797]{flex-wrap:wrap}.format-row .preset-btn[data-v-7cf4b797]{padding:10px 18px}.job-item[data-v-7cf4b797]{padding:12px 14px}.job-row[data-v-7cf4b797]{flex-wrap:wrap}.job-error[data-v-7cf4b797]{font-size:14px}}