:root{color-scheme:dark;font-family:Roboto,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f4f0ea;background:radial-gradient(circle at 78% 24%,rgba(255,0,0,.15),transparent 24%),radial-gradient(circle at 24% 82%,rgba(255,0,0,.08),transparent 20%),linear-gradient(180deg,#121212,#0e0e0e)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 16%),linear-gradient(180deg,#151515,#0d0d0d)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 70% 28%,rgba(255,0,0,.12),transparent 20%),radial-gradient(circle at 84% 20%,rgba(255,0,0,.06),transparent 10%),linear-gradient(90deg,rgba(255,255,255,.015),transparent 24%,transparent 76%,rgba(255,255,255,.015))}button,input,select{font:inherit}button,input,select,.upload-zone,.panel,.status-card,.summary-card,.event-row,.history-row,.hero-card,.topnav a{transition:.18s ease}button{border:0;border-radius:0;background:red;color:#fff7f2;padding:1rem 1.35rem;cursor:pointer;font-weight:700}button:hover:not(:disabled){filter:brightness(1.06)}button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#faf6f0}.update-banner-close{align-self:start;min-width:120px}.accent-button{background:red}input,select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff08;padding:.95rem 1rem;color:#f7f3ee}select{color-scheme:dark;background-color:#222}select option,select optgroup{background-color:#222;color:#f7f3ee}input:focus,select:focus{outline:none;border-color:#ff0000e6;box-shadow:0 0 0 4px #ff00001f}label{display:grid;gap:.5rem;font-size:.95rem}.field-label{font-size:.92rem;font-weight:600}.section-heading{margin:0;font-family:Roboto,Segoe UI,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:0;line-height:normal}.shell{width:min(1280px,calc(100vw - 2rem));margin:0 auto;padding:.85rem 0 2rem}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem;align-items:start;margin-bottom:.8rem}.version-badge{position:absolute;top:0;right:0;display:grid;gap:.14rem;min-width:120px;padding:.8rem .95rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff08,#ffffff04),#171717;box-shadow:inset 0 1px #ffffff05;text-align:left}.version-badge strong{font-size:1.1rem;font-weight:800}.version-badge:hover{border-color:#f006;background:linear-gradient(180deg,#ff000014,#ffffff04),#171717}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.version-modal{width:min(560px,calc(100vw - 2rem));display:grid;gap:1rem;padding:1.3rem;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,rgba(255,0,0,.12),transparent 24%),linear-gradient(180deg,#ffffff08,#ffffff04),#171717;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff08}.version-modal-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.version-close{padding:.75rem .9rem;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#f4f0ea}.version-notes{display:grid;gap:.85rem}.version-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:start;padding:.85rem .9rem;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.version-note-marker{width:10px;height:10px;margin-top:.35rem;border-radius:50%;background:red;box-shadow:0 0 16px #ff000073}.version-note p{margin:0;color:#ffffffd1}.hero-copy{display:grid;gap:.4rem;align-content:center;padding:.1rem 0 0}.update-banner{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.95rem;padding:1rem 1.05rem;border:1px solid rgba(255,196,0,.24);background:linear-gradient(180deg,#ffc40014,#ffffff05),#ffffff05}.update-banner strong{display:block;margin-bottom:.2rem}.update-banner p{margin:0;color:#ffffffd1}.eyebrow,.status-label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#ffffff7a}.hero-kicker{display:inline-flex;width:fit-content;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.14);color:#fffc;background:#ffffff08}.hero-logo{display:block;width:auto;max-width:min(240px,48vw);height:38px;object-fit:contain;margin-bottom:-.25rem}.hero h1,.panel h2{margin:0;font-family:Roboto,Segoe UI,sans-serif;font-weight:800;letter-spacing:0}.hero-title{display:grid;gap:0;font-size:clamp(2rem,4vw,3.2rem);line-height:normal;text-transform:uppercase}.hero-title-accent{color:red}.lede,.panel-header p,.summary-card p,.event-row span,.event-row small,.history-row p,.muted,.error-text{color:#ffffffa8}.lede{margin:0;max-width:84ch;font-size:.98rem}.hero-subline{margin:0;color:#ffffff80;font-size:.92rem}.panel,.summary-card,.event-row,.history-row{border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff08,#ffffff04),#171717;box-shadow:inset 0 1px #ffffff05}.panel{min-height:0}.workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:1rem;align-items:start}.panel,.composer,.upload-zone,.summary-card,.history-row,.sidebar{min-width:0}.workspace>*,.summary-grid>*,.inline-fields>*,.history-row>div,.upload-actions>*{min-width:0}.sidebar{display:grid;gap:.85rem;align-content:start}.panel,.status-card{padding:.95rem}.composer{display:grid;gap:.75rem;align-content:start}.composer>.toggle,.composer>button,.composer>.error-text{align-self:start}.panel-header{display:grid;gap:.18rem}.panel-header p{margin:0;overflow-wrap:anywhere;word-break:break-word}.upload-zone{display:grid;gap:.75rem;border:1px dashed rgba(255,255,255,.16);padding:1.2rem;background:radial-gradient(circle at top right,rgba(255,0,0,.08),transparent 24%),#ffffff05}.upload-zone.is-dragging{border-color:#ff0000e6;background:#ff000014}.upload-title{font-family:Roboto,Segoe UI,sans-serif;font-size:1.14rem;font-weight:800;letter-spacing:0}.upload-subtitle{font-size:.94rem;color:#ffffff9e}.upload-actions{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:.75rem;align-items:center;min-width:0}.file-input{width:100%;max-width:320px;min-width:0;background:#ffffff0a}.file-chip{display:block;align-items:center;width:100%;min-width:0;max-width:100%;padding:.55rem .78rem;background:#ffffff14;color:#ffffffd6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-section{display:grid;gap:.65rem}.friendly-card{display:grid;gap:.72rem;padding:.82rem;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff05,#ffffff04),#ffffff04}.friendly-card-primary{border-color:#ff000029;background:radial-gradient(circle at top right,rgba(255,0,0,.08),transparent 24%),linear-gradient(180deg,#ffffff06,#ffffff04),#ffffff04}.friendly-card-secondary{background:linear-gradient(180deg,#ffffff05,#ffffff03),#ffffff03}.friendly-card-header{display:grid;gap:.16rem}.additional-friendly-header{gap:.45rem}.friendly-card-header p{margin:0;max-width:72ch}.additional-card{display:grid;gap:.65rem;padding:.85rem;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.additional-card-header{display:grid;gap:.2rem}.additional-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.variation-preset-list{display:grid;gap:.7rem}.preset-legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.preset-legend-card{display:grid;gap:.16rem;padding:.68rem .74rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.preset-legend-card strong{font-size:.96rem}.preset-legend-card span{color:#fff9;font-size:.84rem}.preset-legend-card.is-active{border-color:#ff000057;background:#ff000017}.section-title-row{display:flex;justify-content:space-between;gap:1rem;align-items:start}.section-title-copy{display:grid;gap:.22rem}.section-summary,.compact-note{margin:0}.custom-select-group{position:relative;display:grid;gap:.5rem}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff08;padding:.95rem 1rem;color:#f7f3ee;text-align:left}.custom-select-trigger.is-open{border-color:#ff0000e6;box-shadow:0 0 0 4px #ff00001f}.custom-select-arrow{color:#ffffffb3;font-size:.9rem}.custom-select-menu{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:5;display:grid;gap:.12rem;max-height:360px;overflow-y:auto;padding:.24rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff08,#ffffff04),#171717;box-shadow:0 18px 40px #00000061}.custom-select-option{width:100%;padding:.52rem .72rem;border:1px solid transparent;background:transparent;color:#f4f0ea;text-align:left;line-height:1.15}.custom-select-option:hover,.custom-select-option.is-selected{background:#ff00001f;border-color:#ff00004d}.switch-toggle{display:flex;align-items:center;gap:.6rem}.switch-toggle input{width:auto;margin:0}.age-mark-grid{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.summary-grid,.inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.option-groups{align-items:stretch}.controls-grid{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr);align-items:start}.fit-settings{display:grid;gap:.9rem}.fit-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.fit-mode-button{min-height:64px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#f4f0ea;padding:.85rem .95rem}.fit-mode-button.is-active{background:red;color:#fff8f4;border-color:red}.color-picker-field{display:grid;gap:.55rem}.color-picker-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.75rem;align-items:center}.color-picker-row input[type=color]{padding:0;width:72px;min-width:72px;height:52px;border-radius:12px;cursor:pointer;background:transparent}.fps-group,.bitrate-group{display:grid;gap:.45rem}.bitrate-row{width:100%}.selection-group{grid-template-rows:auto auto 1fr}.fps-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;align-items:stretch}.bitrate-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.fps-button,.bitrate-button{border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#f4f0ea}.fps-button{min-height:84px;padding:.95rem .8rem}.selection-note{min-height:1.5em}.bitrate-button{display:grid;gap:.16rem;justify-items:start;padding:.95rem 1rem}.fps-button.is-active,.bitrate-button.is-active{background:red;color:#fff8f4;border-color:red}.bitrate-button small{color:#ffffff85}.bitrate-button.is-active small{color:#fff8f4cc}.summary-card,.history-row,.event-row{padding:.82rem}.summary-card strong,.history-row strong{display:block;margin-top:.24rem;font-size:1.08rem;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;min-width:0}.summary-card p,.history-row p{margin:.3rem 0 0;overflow-wrap:anywhere;word-break:break-word;min-width:0}.toggle{display:flex;align-items:center;gap:.7rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:.95rem 1rem}.toggle input{width:auto;margin:0}.progress-panel,.history-panel{display:grid;gap:.7rem}.disclosure-button{width:fit-content;padding:.72rem 1rem;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#f4f0ea}.collapsible-hint{margin:0}.compact-disclosure{padding:.58rem .82rem}.compact-stack{display:grid;gap:.7rem}.compact-preview-note{font-size:.92rem}.collapsible-content{display:none;gap:1rem}.collapsible-content.is-open{display:grid}.meter{overflow:hidden;height:10px;background:#ffffff14}.meter-fill{height:100%;background:linear-gradient(90deg,red,red)}.accent{background:radial-gradient(circle at top right,rgba(255,0,0,.18),transparent 22%),linear-gradient(180deg,#24130ffa,#181211fa);color:#fff8f3}.accent .status-label,.accent p{color:#fff4ecb8}.accent strong,.event-row strong,.event-row span,.event-row small,.history-row,.history-row div,.history-row p,.history-row strong,.panel-header,.panel-header h2,.panel-header p{min-width:0;overflow-wrap:anywhere;word-break:break-word}.events-list,.history-list{display:grid;gap:.6rem}.event-row{display:grid;gap:.18rem}.history-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;min-width:0}.pill{flex:0 0 auto;align-self:flex-start;min-width:max-content;padding:.36rem .65rem;background:#ffffff14;font-size:.8rem;white-space:nowrap;word-break:normal;overflow-wrap:normal;text-transform:lowercase}.pill-inline{margin-top:.7rem;width:fit-content}.pill-queued,.pill-processing{background:#ff000038}.pill-completed{background:#379c6040}.pill-failed{background:#c5484840}.download-link{display:inline-flex;width:fit-content;margin-top:.85rem;text-decoration:none;color:inherit;font-weight:600}.download-link.button-like{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;min-height:44px;padding:.78rem 1rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffb8;cursor:pointer;font:inherit}.download-link.button-like.is-ready{background:red;border-color:red;color:#fff7f2}.download-link.button-like.is-disabled{pointer-events:none;opacity:.72}.download-link.inline{margin-top:.55rem;color:red}.history-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-top:.55rem}.history-repeat-button{padding:0;border:0;background:transparent;color:#ffffffb8;font:inherit;cursor:pointer}.history-repeat-button:hover{color:#fff7f2}.history-summary{margin-top:.2rem;font-size:.88rem;color:#ffffff85}.history-error{margin-top:.35rem;font-size:.9rem;color:#ffb4ad}.history-meta-line{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.45rem;font-size:.82rem;color:#ffffff94}.history-row-featured{border-color:#49be7538;background:linear-gradient(180deg,#49be7514,#ffffff04),#ffffff05}.latest-result-panel{margin-bottom:.8rem}.task-spotlight{display:flex;justify-content:space-between;gap:.8rem;margin-top:.85rem;padding:.82rem .9rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.task-spotlight-copy,.task-spotlight-meta{display:grid;gap:.16rem;min-width:0}.task-spotlight-meta{justify-items:end}.task-spotlight p,.task-spotlight small{margin:0;color:#fff4ecb8}.variation-status-list{display:grid;gap:.55rem;margin-top:.9rem}.variation-status-item{display:flex;justify-content:space-between;gap:.8rem;padding:.72rem .85rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.variation-status-copy,.variation-status-meta{display:grid;gap:.18rem;min-width:0}.variation-status-copy span,.variation-status-meta small{color:#fff4ecb3;overflow-wrap:anywhere}.variation-status-meta{justify-items:end}.status-strip{padding:.72rem .84rem;border:1px solid rgba(255,255,255,.08);font-size:.92rem}.status-strip.is-success{border-color:#379c6052;background:#379c601f;color:#d5f6df}.status-strip.is-error{border-color:#c5484852;background:#c548481f;color:#ffd6d6}.status-strip.is-progress{border-color:#ff000047;background:#ff00001a;color:#ffe5db}.status-strip.is-neutral{background:#ffffff08;color:#ffffffb8}.error-text{margin:0;color:red}.status-inline-error{padding:.8rem .9rem;border:1px solid rgba(197,72,72,.24);background:#c548481a;color:#ffd6d6}.sidebar-overview{gap:.7rem}.sidebar-overview-grid{display:grid;gap:.65rem}.compact-summary-card{padding:.78rem}.naming-preview-card strong{font-size:1.16rem}@media(max-width:1160px){.hero{grid-template-columns:minmax(0,1fr)}.workspace{grid-template-columns:1fr}}@media(max-width:720px){.shell{width:min(100vw - 1rem,100%);padding:.85rem 0 1.75rem}.topnav{gap:1rem}.hero-title{font-size:clamp(2rem,10vw,3rem)}.version-badge{position:static;margin-bottom:.5rem;width:fit-content}.summary-grid,.inline-fields,.bitrate-options,.preset-legend-grid{grid-template-columns:1fr}.upload-actions,.section-title-row{display:grid;grid-template-columns:1fr;align-items:stretch}}@media(max-width:520px){.fps-options{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:1rem}}