:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;--bg-color: #0f172a;--bg-gradient-start: #1d2943;--bg-gradient-end: #0f172a;--text-primary: rgba(248, 250, 252, .95);--text-secondary: rgba(226, 232, 240, .75);--text-muted: rgba(203, 213, 225, .75);--badge-bg: rgba(99, 102, 241, .2);--badge-color: #c7d2fe;--panel-bg: rgba(15, 23, 42, .78);--panel-border: rgba(148, 163, 184, .18);--panel-shadow: rgba(15, 23, 42, .45);--tab-trigger-bg: rgba(15, 23, 42, .65);--tab-trigger-border: rgba(99, 102, 241, .25);--tab-trigger-hover-border: rgba(129, 140, 248, .7);--tab-active-bg: rgba(79, 70, 229, .35);--tab-active-border: rgba(165, 180, 252, .85);--tab-active-shadow: rgba(76, 72, 200, .35);--button-gradient-start: #6366f1;--button-gradient-end: #8b5cf6;--button-shadow: rgba(99, 102, 241, .35);--input-bg: rgba(15, 23, 42, .82);--input-border: rgba(148, 163, 184, .28);--input-focus-border: rgba(129, 140, 248, .8);--input-focus-shadow: rgba(99, 102, 241, .35);--hint-color: rgba(226, 232, 240, .6);--error-bg: rgba(239, 68, 68, .12);--error-color: #fed7d7;--segmented-border: rgba(148, 163, 184, .32);--segmented-bg: rgba(15, 23, 42, .75);--segmented-hover-border: rgba(165, 180, 252, .7);--segmented-text: rgba(203, 213, 225, .75);--status-idle-bg: rgba(129, 140, 248, .18);--status-idle-color: #c7d2fe;--status-submitting-bg: rgba(74, 222, 128, .15);--status-submitting-color: #34d399;--status-polling-bg: rgba(59, 130, 246, .18);--status-polling-color: #93c5fd;--status-success-bg: rgba(16, 185, 129, .25);--status-success-color: #6ee7b7;--status-error-bg: rgba(239, 68, 68, .25);--status-error-color: #fca5a5;--status-time-color: rgba(148, 163, 184, .65);--status-placeholder-color: rgba(148, 163, 184, .7);--status-error-block-bg: rgba(239, 68, 68, .12);--status-error-block-color: #fecaca;--terminal-bg: rgba(0, 0, 0, .65);--terminal-text: rgba(255, 255, 255, .95);--terminal-border: rgba(148, 163, 184, .25);--downloads-placeholder: rgba(148, 163, 184, .72);--downloads-item-bg: rgba(15, 23, 42, .6);--downloads-item-border: rgba(148, 163, 184, .18);--downloads-link: #a855f7;--downloads-meta: rgba(148, 163, 184, .75);--downloads-button-bg: rgba(148, 163, 184, .18);--downloads-button-hover-bg: rgba(148, 163, 184, .3);--downloads-button-text: rgba(226, 232, 240, .95);--footer-color: rgba(148, 163, 184, .6);--topbar-bg: rgba(15, 23, 42, .6);--topbar-border: rgba(148, 163, 184, .2);--topbar-button-bg: rgba(15, 23, 42, .85);--topbar-button-border: rgba(148, 163, 184, .35);--topbar-button-hover-border: rgba(129, 140, 248, .7);--topbar-button-active-bg: rgba(99, 102, 241, .28);--topbar-button-active-border: rgba(165, 180, 252, .85);--topbar-button-text: var(--text-primary);--topbar-label-color: var(--text-secondary)}.theme-light{color-scheme:light;--bg-color: #f8fafc;--bg-gradient-start: #ffffff;--bg-gradient-end: #e2e8f0;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--badge-bg: rgba(59, 130, 246, .18);--badge-color: #2563eb;--panel-bg: rgba(255, 255, 255, .9);--panel-border: rgba(148, 163, 184, .35);--panel-shadow: rgba(15, 23, 42, .08);--tab-trigger-bg: rgba(255, 255, 255, .75);--tab-trigger-border: rgba(148, 163, 184, .4);--tab-trigger-hover-border: rgba(59, 130, 246, .6);--tab-active-bg: rgba(99, 102, 241, .16);--tab-active-border: rgba(99, 102, 241, .55);--tab-active-shadow: rgba(99, 102, 241, .25);--input-bg: rgba(255, 255, 255, .95);--input-border: rgba(148, 163, 184, .5);--input-focus-border: rgba(99, 102, 241, .65);--input-focus-shadow: rgba(99, 102, 241, .18);--hint-color: #64748b;--error-bg: rgba(254, 202, 202, .4);--error-color: #b91c1c;--segmented-border: rgba(148, 163, 184, .45);--segmented-bg: rgba(255, 255, 255, .9);--segmented-hover-border: rgba(99, 102, 241, .5);--segmented-text: #475569;--status-idle-bg: rgba(99, 102, 241, .18);--status-idle-color: #4338ca;--status-submitting-bg: rgba(74, 222, 128, .25);--status-submitting-color: #166534;--status-polling-bg: rgba(59, 130, 246, .22);--status-polling-color: #1d4ed8;--status-success-bg: rgba(16, 185, 129, .22);--status-success-color: #047857;--status-error-bg: rgba(239, 68, 68, .25);--status-error-color: #b91c1c;--status-time-color: #64748b;--status-placeholder-color: #64748b;--status-error-block-bg: rgba(254, 202, 202, .6);--status-error-block-color: #7f1d1d;--terminal-bg: rgba(248, 250, 252, .95);--terminal-text: #1e293b;--terminal-border: rgba(148, 163, 184, .4);--downloads-placeholder: #64748b;--downloads-item-bg: rgba(255, 255, 255, .9);--downloads-item-border: rgba(148, 163, 184, .45);--downloads-link: #6d28d9;--downloads-meta: #475569;--downloads-button-bg: rgba(148, 163, 184, .18);--downloads-button-hover-bg: rgba(99, 102, 241, .18);--downloads-button-text: #1e293b;--footer-color: #475569;--topbar-bg: rgba(255, 255, 255, .85);--topbar-border: rgba(148, 163, 184, .45);--topbar-button-bg: rgba(255, 255, 255, .9);--topbar-button-border: rgba(148, 163, 184, .45);--topbar-button-hover-border: rgba(59, 130, 246, .6);--topbar-button-active-bg: rgba(99, 102, 241, .18);--topbar-button-active-border: rgba(99, 102, 241, .5);--topbar-button-text: #1e293b;--topbar-label-color: #475569}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 65%);color:var(--text-primary)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{width:min(1100px,100%);margin:0 auto;padding:1.5rem 1.5rem 0;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.topbar__group{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem .35rem 1rem;border-radius:999px;background:var(--topbar-bg);border:1px solid var(--topbar-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__label{font-size:.85rem;font-weight:600;color:var(--topbar-label-color)}.topbar__button{background:var(--topbar-button-bg);color:var(--topbar-button-text);border:1px solid var(--topbar-button-border);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,border .2s ease,transform .2s ease}.topbar__button:hover,.topbar__button:focus-visible{border-color:var(--topbar-button-hover-border);transform:translateY(-1px);outline:none}.topbar__button--active{background:var(--topbar-button-active-bg);border-color:var(--topbar-button-active-border)}.hero{padding:4.5rem 1.5rem 2.5rem;text-align:center;display:grid;gap:1rem;justify-items:center}.hero h1{font-size:clamp(2.4rem,4.5vw,3.6rem);margin:0;letter-spacing:-.02em}.hero__subtitle{margin:0;max-width:620px;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.12rem)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:999px;font-size:.85rem;background:var(--badge-bg);color:var(--badge-color);text-transform:uppercase;letter-spacing:.08em}.tabs{width:min(1100px,100%);margin:0 auto;padding:0 1.5rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.tabs__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.tabs__trigger{display:grid;gap:.35rem;padding:1rem 1.25rem;border-radius:18px;border:1px solid var(--tab-trigger-border);background:var(--tab-trigger-bg);color:var(--text-primary);text-align:left;cursor:pointer;transition:border .2s ease,background .2s ease,transform .2s ease}.tabs__trigger:hover,.tabs__trigger:focus-visible{border-color:var(--tab-trigger-hover-border);transform:translateY(-1px);outline:none}.tabs__trigger--active{background:var(--tab-active-bg);border-color:var(--tab-active-border);box-shadow:0 12px 30px var(--tab-active-shadow)}.tabs__label{font-weight:600;font-size:1.05rem}.tabs__description{font-size:.9rem;color:var(--text-secondary)}.tabs__panels{position:relative}.tabs__panel{animation:fadeIn .16s ease}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px var(--panel-shadow)}.panel__title{margin:0;font-size:1.5rem}.panel__description{margin:0;color:var(--text-secondary)}.panel__body{flex:1;display:flex;flex-direction:column;gap:1rem}.panel__footer{margin-top:1rem;color:var(--text-secondary);font-size:.85rem}.conversion-form{display:grid;gap:1.2rem}.form-field,.form-row{display:grid;gap:.55rem}.form-legend{margin-bottom:.2rem;font-weight:600;font-size:.98rem}label{font-weight:600;font-size:.98rem}input,select,button{border:1px solid var(--input-border);border-radius:12px;padding:.8rem 1rem;font-size:1rem;background:var(--input-bg);color:inherit;transition:border .2s ease,box-shadow .2s ease,transform .2s ease}input:focus,select:focus,button:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-shadow);outline:none}select{cursor:pointer}.form-hint{margin:0;font-size:.88rem;color:var(--hint-color)}.engine-insight{display:grid;gap:.35rem;margin-top:.75rem;padding:.75rem 1rem;border-radius:14px;background:var(--input-bg);border:1px solid var(--panel-border)}.engine-insight__item{display:flex;gap:.4rem;flex-wrap:wrap;font-size:.87rem}.engine-insight__label{font-weight:600;color:var(--text-secondary)}.engine-insight__value{color:var(--text-primary)}.engine-insight__languages ul{margin:.25rem 0 0;padding-left:1.2rem;list-style:disc;color:var(--text-primary);display:grid;gap:.1rem}.form-error{background:var(--error-bg);color:var(--error-color);border-radius:10px;padding:.75rem 1rem;margin:0}.form-submit{justify-self:flex-start;border:none;cursor:pointer;background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));font-weight:600;box-shadow:0 18px 45px var(--button-shadow)}.form-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button-secondary{padding:.5rem 1rem;border:1px solid var(--input-border);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.button-secondary:hover:not(:disabled){border-color:var(--input-focus-border);background:#6366f11a}.button-secondary:disabled{opacity:.5;cursor:not-allowed}.segmented-list{display:grid;gap:.75rem}.segmented-list__item{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:flex-start;border:1px solid var(--segmented-border);border-radius:14px;padding:.85rem 1rem;background:var(--segmented-bg);cursor:pointer;transition:border .2s ease,background .2s ease}.segmented-list__item:hover{border-color:var(--segmented-hover-border)}.segmented-list__item input{margin-top:.3rem}.segmented-list__content{display:grid;gap:.2rem}.segmented-list__title{font-weight:600}.segmented-list__description{font-size:.88rem;color:var(--segmented-text)}.status-panel{display:grid;gap:1rem}.status-panel__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.status-panel__job{font-size:.9rem;color:var(--text-muted)}.status-summary{margin:0 0 1rem;padding:.75rem 1rem;border-radius:12px;background:var(--input-bg);border:1px solid var(--panel-border)}.status-summary__title{margin:0 0 .6rem;font-size:.95rem;font-weight:700;color:var(--text-secondary)}.status-summary dl{margin:0;display:grid;gap:.4rem}.status-summary__row{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.status-summary__row dt{margin:0;font-weight:600;color:var(--text-secondary)}.status-summary__row dd{margin:0;color:var(--text-primary)}.status-panel__toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:.5rem 0 1rem}.status-panel__cli{flex:1;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:.8rem;padding:.5rem .75rem;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:8px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.status-panel__toggle{border:1px solid var(--tab-trigger-border);background:var(--tab-trigger-bg);color:var(--text-primary);border-radius:12px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:border .2s ease,transform .2s ease}.status-panel__toggle:hover,.status-panel__toggle:focus-visible{border-color:var(--tab-trigger-hover-border);transform:translateY(-1px);outline:none}.status-panel__eta{display:flex;align-items:baseline;gap:.4rem;font-size:.85rem}.status-panel__eta-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.status-panel__eta-value{font-weight:700;color:var(--text-primary)}.status-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.status-chip--idle{background:var(--status-idle-bg);color:var(--status-idle-color)}.status-chip--submitting{background:var(--status-submitting-bg);color:var(--status-submitting-color)}.status-chip--polling{background:var(--status-polling-bg);color:var(--status-polling-color)}.status-chip--success{background:var(--status-success-bg);color:var(--status-success-color)}.status-chip--error{background:var(--status-error-bg);color:var(--status-error-color)}.status-timeline{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;max-height:300px;overflow-y:auto}.status-panel__raw{margin:0;max-height:300px;overflow-y:auto;border-radius:12px;border:1px solid var(--terminal-border);padding:1rem;background:var(--terminal-bg);color:var(--terminal-text);font-family:JetBrains Mono,Fira Mono,Menlo,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap;box-shadow:inset 0 2px 8px #00000026}.status-timeline__item{display:grid;gap:.2rem}.status-timeline__time{font-size:.75rem;color:var(--status-time-color);text-transform:uppercase;letter-spacing:.08em}.status-timeline__message{font-size:.95rem}.status-timeline__placeholder{font-size:.95rem;color:var(--status-placeholder-color)}.status-panel__error{margin:0;padding:.75rem 1rem;border-radius:12px;background:var(--status-error-block-bg);color:var(--status-error-block-color)}.cached-jobs-alert{background:#6366f126;border:1px solid rgba(99,102,241,.35);border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.cached-jobs-alert__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.cached-jobs-alert__header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.cached-jobs-alert__close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;line-height:1;opacity:.7;transition:opacity .2s}.cached-jobs-alert__close:hover{opacity:1}.cached-jobs-alert__message{margin:0 0 1rem;color:var(--text-secondary);font-size:.95rem}.cached-jobs-alert__list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.cached-jobs-alert__item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#0f172a66;border:1px solid rgba(148,163,184,.2);border-radius:10px;gap:1rem}.cached-jobs-alert__info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.cached-jobs-alert__filename{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cached-jobs-alert__time{font-size:.85rem;color:var(--text-muted)}.cached-jobs-alert__resume{padding:.5rem 1rem;background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s}.cached-jobs-alert__resume:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--button-shadow)}.downloads-panel{display:grid;gap:1rem}.downloads-panel__placeholder{margin:0;color:var(--downloads-placeholder)}.downloads-panel__primary{margin-bottom:1.5rem}.downloads-panel__zip-button{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.8rem;background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));border-radius:16px;color:#fff;text-decoration:none;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px var(--button-shadow)}.downloads-panel__zip-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--button-shadow)}.downloads-panel__zip-icon{font-size:2rem;line-height:1}.downloads-panel__zip-text{display:flex;flex-direction:column;gap:.25rem}.downloads-panel__zip-text strong{font-size:1.1rem}.downloads-panel__zip-text small{font-size:.85rem;opacity:.9;font-weight:400}.downloads-panel__divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:.9rem}.downloads-panel__divider:before,.downloads-panel__divider:after{content:"";flex:1;height:1px;background:var(--panel-border)}.downloads-chapters{display:grid;gap:.75rem}.chapter-item{background:var(--downloads-item-bg);border:1px solid var(--downloads-item-border);border-radius:14px;overflow:hidden}.chapter-item__header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.2rem;border:none;background:transparent;color:var(--text-primary);font-size:1rem;text-align:left;cursor:pointer;transition:background .2s ease}.chapter-item__header:hover{background:#6366f114}.chapter-item__icon{font-size:.7rem;color:var(--downloads-link);min-width:1rem}.chapter-item__name{flex:1;font-weight:600;color:var(--text-primary)}.chapter-item__duration{font-size:.85rem;color:var(--downloads-meta);white-space:nowrap}.chapter-item__content{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--downloads-item-border)}.chapter-item__player{width:100%;height:40px;border-radius:8px}.chapter-item__download{display:inline-block;padding:.5rem 1rem;background:var(--downloads-button-bg);color:var(--downloads-button-text);text-decoration:none;border-radius:8px;font-weight:600;font-size:.9rem;text-align:center;transition:background .2s ease}.chapter-item__download:hover{background:var(--downloads-button-hover-bg)}.downloads-panel__command-section{margin-bottom:2rem;padding:1.25rem;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:14px;display:grid;gap:.75rem}.downloads-panel__command-section h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-secondary)}.downloads-panel__command{display:block;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:.85rem;padding:.75rem 1rem;background:#0f172a99;border:1px solid var(--panel-border);border-radius:8px;color:var(--text-primary);overflow-x:auto;white-space:pre}.downloads-panel__log-toggle{padding:.5rem 1rem;border:1px solid var(--tab-trigger-border);background:var(--tab-trigger-bg);color:var(--text-primary);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:border .2s ease;justify-self:start}.downloads-panel__log-toggle:hover{border-color:var(--tab-trigger-hover-border)}.downloads-panel__log{font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:.8rem;padding:1rem;background:#0f172acc;border:1px solid var(--panel-border);border-radius:8px;color:var(--text-secondary);overflow-x:auto;max-height:400px;overflow-y:auto;margin:0;white-space:pre}.downloads-panel__cta{justify-self:flex-start;border:none;border-radius:999px;padding:.6rem 1.4rem;font-weight:600;cursor:pointer;background:var(--downloads-button-bg);color:var(--downloads-button-text);transition:background .2s ease}.downloads-panel__cta:hover:not(:disabled){background:var(--downloads-button-hover-bg)}.downloads-panel__cta:disabled{opacity:.5;cursor:not-allowed}footer{text-align:center;padding:2rem;color:var(--footer-color);font-size:.9rem}@media (max-width: 720px){.panel{padding:1.6rem}.tabs__list{grid-template-columns:1fr}.chapter-item__header{padding:.85rem 1rem}.chapter-item__content{padding:0 1rem 1rem}.chapter-item__name{font-size:.95rem}.topbar{justify-content:center;flex-wrap:wrap;gap:.75rem}.topbar__group{padding-right:.8rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}