.encoder-mockup[data-astro-cid-qsuix7z5]{--bezel: 1px solid var(--color-slate-200);--pane-bg: var(--color-white);--pane-muted: var(--color-slate-50);--pane-strong: var(--color-deep-navy);--pane-text: var(--color-slate-800);--pane-text-muted: var(--color-slate-500);--accent: var(--color-cop-blue);background:var(--pane-bg);border:var(--bezel);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;font-family:var(--font-sans);color:var(--pane-text);width:100%;aspect-ratio:4 / 3;display:flex;flex-direction:column}.encoder-mockup[data-astro-cid-qsuix7z5].is-elevated{box-shadow:var(--shadow-brand)}.encoder-titlebar[data-astro-cid-qsuix7z5]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,#f8fafc,#eef3f8);border-bottom:var(--bezel)}.encoder-titlebar[data-astro-cid-qsuix7z5] .dot[data-astro-cid-qsuix7z5]{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.encoder-titlebar[data-astro-cid-qsuix7z5] .dot[data-astro-cid-qsuix7z5].r{background:#ff5f56}.encoder-titlebar[data-astro-cid-qsuix7z5] .dot[data-astro-cid-qsuix7z5].y{background:#ffbd2e}.encoder-titlebar[data-astro-cid-qsuix7z5] .dot[data-astro-cid-qsuix7z5].g{background:#27c93f}.encoder-title[data-astro-cid-qsuix7z5]{margin-left:auto;margin-right:auto;font-size:.78rem;color:var(--pane-text-muted);font-weight:var(--font-weight-medium);transform:translate(-22px)}.encoder-body[data-astro-cid-qsuix7z5]{flex:1;display:grid;grid-template-columns:168px 1fr;min-height:0}.encoder-sidebar[data-astro-cid-qsuix7z5]{background:var(--pane-muted);border-right:var(--bezel);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);font-size:.78rem}.encoder-brand[data-astro-cid-qsuix7z5]{display:flex;align-items:center;gap:var(--space-2);color:var(--pane-strong);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-3)}.encoder-logo[data-astro-cid-qsuix7z5]{width:28px;height:28px;background:var(--gradient-brand);color:var(--color-white);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.encoder-nav[data-astro-cid-qsuix7z5]{display:flex;flex-direction:column;gap:2px}.nav-row[data-astro-cid-qsuix7z5]{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;border-radius:var(--radius-sm);color:var(--color-slate-600);font-weight:var(--font-weight-medium);text-decoration:none;cursor:default}.nav-row[data-astro-cid-qsuix7z5] .nav-icon[data-astro-cid-qsuix7z5]{width:14px;display:inline-block;text-align:center;color:var(--color-slate-400)}.nav-row[data-astro-cid-qsuix7z5].active{background:var(--color-white);color:var(--pane-strong);box-shadow:inset 0 0 0 1px var(--color-slate-200),var(--shadow-sm)}.nav-row[data-astro-cid-qsuix7z5].active .nav-icon[data-astro-cid-qsuix7z5]{color:var(--accent)}.nav-row[data-astro-cid-qsuix7z5].muted{color:var(--color-slate-500)}.encoder-statusbar[data-astro-cid-qsuix7z5]{margin-top:auto;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);color:var(--color-slate-500);font-family:var(--font-mono);font-size:.7rem;border-top:1px dashed var(--color-slate-200)}.status-dot[data-astro-cid-qsuix7z5]{width:8px;height:8px;border-radius:50%;background:var(--color-green);box-shadow:0 0 0 3px #10b98126}.encoder-main[data-astro-cid-qsuix7z5]{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.pane-header[data-astro-cid-qsuix7z5] h3[data-astro-cid-qsuix7z5]{font-size:1.0625rem;color:var(--pane-strong);margin:0;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}.pane-eyebrow[data-astro-cid-qsuix7z5]{margin:0 0 var(--space-1);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:.6875rem;color:var(--accent)}.pane-sub[data-astro-cid-qsuix7z5]{margin:var(--space-1) 0 0;color:var(--pane-text-muted);font-size:var(--text-small)}.pane-sub[data-astro-cid-qsuix7z5] code[data-astro-cid-qsuix7z5],code[data-astro-cid-qsuix7z5]{font-family:var(--font-mono);font-size:.78rem;background:var(--color-slate-100);color:var(--pane-strong);padding:1px 6px;border-radius:var(--radius-sm)}.card-row[data-astro-cid-qsuix7z5]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat[data-astro-cid-qsuix7z5]{background:var(--pane-muted);border:var(--bezel);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:2px}.stat-label[data-astro-cid-qsuix7z5]{font-size:.7rem;color:var(--pane-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stat-value[data-astro-cid-qsuix7z5]{color:var(--pane-strong);font-weight:var(--font-weight-bold);font-size:1.125rem;font-family:var(--font-mono)}.filetree[data-astro-cid-qsuix7z5]{border:var(--bezel);border-radius:var(--radius-md);background:var(--color-white);padding:var(--space-3) var(--space-2);font-family:var(--font-mono);font-size:.78rem;line-height:1.7;flex:1;overflow:hidden}.tree-row[data-astro-cid-qsuix7z5]{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);color:var(--color-slate-700)}.tree-row[data-astro-cid-qsuix7z5].dir{color:var(--pane-strong);font-weight:var(--font-weight-semibold)}.tree-row[data-astro-cid-qsuix7z5].muted{color:var(--color-slate-400)}.tree-row[data-astro-cid-qsuix7z5] .caret[data-astro-cid-qsuix7z5]{color:var(--color-slate-500);width:10px}.tree-row[data-astro-cid-qsuix7z5] .dot-file[data-astro-cid-qsuix7z5]{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--color-sky)}.excluded[data-astro-cid-qsuix7z5]{margin-left:auto;font-size:.66rem;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-slate-400);background:var(--color-slate-100);border-radius:var(--radius-sm);padding:1px 6px}.form-grid[data-astro-cid-qsuix7z5]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.field[data-astro-cid-qsuix7z5]{display:flex;flex-direction:column;gap:4px}.field[data-astro-cid-qsuix7z5] label[data-astro-cid-qsuix7z5]{font-size:.7rem;color:var(--pane-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-weight-semibold)}.field[data-astro-cid-qsuix7z5] .optional[data-astro-cid-qsuix7z5]{text-transform:none;letter-spacing:0;color:var(--color-slate-400);font-weight:var(--font-weight-regular);margin-left:4px}.field[data-astro-cid-qsuix7z5] .input[data-astro-cid-qsuix7z5]{background:var(--color-white);border:var(--bezel);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:.78rem;color:var(--pane-strong)}.chips[data-astro-cid-qsuix7z5]{display:flex;flex-wrap:wrap;gap:6px;padding-top:2px}.chip[data-astro-cid-qsuix7z5]{font-family:var(--font-mono);font-size:.7rem;padding:3px 8px;border-radius:var(--radius-full);background:var(--color-slate-100);color:var(--color-slate-500);border:1px solid var(--color-slate-200)}.chip[data-astro-cid-qsuix7z5].on{background:#4c8eb31a;color:var(--pane-strong);border-color:#4c8eb34d}.callout[data-astro-cid-qsuix7z5]{display:flex;gap:var(--space-3);background:#8cbbd91f;border:1px solid rgba(76,142,179,.25);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.callout-icon[data-astro-cid-qsuix7z5]{color:var(--accent);font-size:1.125rem;line-height:1}.callout-title[data-astro-cid-qsuix7z5]{margin:0;color:var(--pane-strong);font-weight:var(--font-weight-semibold);font-size:var(--text-small)}.callout-body[data-astro-cid-qsuix7z5]{margin:2px 0 0;color:var(--pane-text-muted);font-size:.78rem}.progress-card[data-astro-cid-qsuix7z5]{background:var(--color-white);border:var(--bezel);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.progress-bar[data-astro-cid-qsuix7z5]{height:6px;background:var(--color-slate-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-bar[data-astro-cid-qsuix7z5] span[data-astro-cid-qsuix7z5]{display:block;height:100%;background:var(--gradient-brand)}.progress-row[data-astro-cid-qsuix7z5]{display:grid;grid-template-columns:18px 1fr auto;gap:var(--space-2);align-items:center;font-size:var(--text-small);color:var(--pane-text)}.progress-row[data-astro-cid-qsuix7z5] .ok[data-astro-cid-qsuix7z5]{color:var(--color-green);font-weight:var(--font-weight-bold)}.progress-row[data-astro-cid-qsuix7z5] .time[data-astro-cid-qsuix7z5]{font-family:var(--font-mono);font-size:.7rem;color:var(--pane-text-muted)}.output-card[data-astro-cid-qsuix7z5]{background:var(--pane-muted);border:var(--bezel);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:6px}.output-row[data-astro-cid-qsuix7z5]{display:grid;grid-template-columns:22px 1fr auto;gap:var(--space-2);align-items:center;padding:6px 4px;border-radius:var(--radius-sm)}.output-row[data-astro-cid-qsuix7z5] .file-ico[data-astro-cid-qsuix7z5]{font-size:.95rem}.output-name[data-astro-cid-qsuix7z5]{font-family:var(--font-mono);font-size:.78rem;color:var(--pane-strong)}.output-meta[data-astro-cid-qsuix7z5]{font-size:.7rem;color:var(--pane-text-muted);font-family:var(--font-mono)}.pane-footer[data-astro-cid-qsuix7z5]{margin-top:auto;display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-slate-200)}.m-btn[data-astro-cid-qsuix7z5]{font-family:var(--font-sans);font-size:.78rem;font-weight:var(--font-weight-semibold);padding:6px 12px;border-radius:var(--radius-md);border:1px solid transparent;cursor:default}.m-btn-secondary[data-astro-cid-qsuix7z5]{background:var(--color-white);color:var(--color-slate-700);border-color:var(--color-slate-200)}.m-btn-primary[data-astro-cid-qsuix7z5]{background:var(--color-deep-navy);color:var(--color-white)}@media(max-width:720px){.encoder-body[data-astro-cid-qsuix7z5]{grid-template-columns:1fr}.encoder-sidebar[data-astro-cid-qsuix7z5]{display:none}.encoder-main[data-astro-cid-qsuix7z5]{padding:var(--space-4)}.card-row[data-astro-cid-qsuix7z5],.form-grid[data-astro-cid-qsuix7z5]{grid-template-columns:1fr 1fr}}