.video-page-hero{max-width:54rem;padding:2.5rem 0 1.5rem}.video-page-hero h1{max-width:21ch}.video-page-hero .hero__sub{text-align:left;max-width:46rem;margin-left:0}.video-tool{margin:0 0 3rem}.video-workspace{grid-template-columns:minmax(0,1.6fr) minmax(18rem,1fr);align-items:start;gap:1.5rem;display:grid}.video-input-column{min-width:0}.video-drop{border:2px dashed var(--color-dropzone-border);border-radius:var(--radius-xl);text-align:center;background:#fff;padding:2rem 1rem 1.25rem}.video-drop>svg{color:var(--color-primary);margin-bottom:1rem}.video-drop h2{font-size:1.35rem}.video-drop--active{background:var(--color-primary-soft);border-color:var(--color-primary)}.video-local{color:var(--tone-teal);max-width:35rem;margin:1rem auto 0;font-size:.8rem}.video-source{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;margin-top:1rem;padding:1.1rem 1.25rem}.video-source strong{overflow-wrap:anywhere;margin:.3rem 0;display:block}.video-source p{margin:0}.video-kicker{color:var(--color-muted);letter-spacing:.08em;margin-bottom:.4rem;font-size:.72rem;font-weight:750;display:block}.video-settings{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem}.video-settings h2{margin-bottom:1.5rem}.video-settings fieldset{border:0;min-width:0;margin:0;padding:0}.video-field{margin-bottom:1.4rem;font-size:.9rem;font-weight:650;display:block}.video-field>span{justify-content:space-between;gap:1rem;display:flex}.video-field output{color:var(--color-primary);font-variant-numeric:tabular-nums}.video-field select{border:1px solid var(--color-border-strong);width:100%;min-height:44px;font:inherit;color:var(--color-text);background:#fff;border-radius:.6rem;margin-top:.6rem;padding:.65rem .75rem;display:block}.video-field input[type=range]{width:100%;min-height:30px;accent-color:var(--color-primary);margin:.6rem 0 0}.video-preset-facts{margin:0 0 1rem}.video-preset-facts>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding:.8rem 0;font-size:.9rem;display:flex}.video-preset-facts dt{color:var(--color-muted)}.video-preset-facts dd{margin:0;font-weight:700}.video-start{justify-content:center;width:100%;margin-top:.6rem}.video-settings .video-local{text-align:center}.video-plan{border-radius:var(--radius-lg);background:#edf3ff;margin-top:1.5rem;padding:1.25rem}.video-plan h2{font-size:1rem}.video-plan-summary{font-size:.95rem}.video-ranges{font-variant-numeric:tabular-nums;max-height:21rem;margin:1rem 0 0;padding:0;list-style:none;overflow-y:auto}.video-ranges li{align-items:center;gap:.7rem;padding:.45rem 0;font-size:.8rem;display:flex}.video-part{min-width:3.5rem;font-weight:700}.video-range-track{background:#9bb9f5;border-radius:4px;flex:1;height:12px;overflow:hidden}.video-range-overlap{background:#b56a13;width:18%;height:100%;display:block}.video-range-cap{height:100%;display:block}.video-overlap-note{color:#633800;align-items:baseline;gap:.5rem;margin:.75rem 0 0;font-size:.75rem;display:flex}.video-overlap-note>span{background:#b56a13;border-radius:2px;flex-shrink:0;width:8px;height:8px}.video-error,.video-warning{border-radius:var(--radius);color:var(--color-error);background:#fff3ee;margin:1rem 0;padding:1rem}.video-progress{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;margin:1.5rem 0 .75rem;padding:1.25rem}.video-progress progress{width:100%;height:14px;accent-color:var(--color-primary)}.video-results{margin-top:2.5rem}.video-results-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.video-done{color:var(--tone-teal);font-size:.85rem;font-weight:650}.video-result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;display:grid}.video-result{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;min-width:0;overflow:hidden}.video-result video{aspect-ratio:16/9;background:#101b2d;width:100%;display:block}.video-result-body{padding:1.25rem}.video-result h3 span{color:var(--color-muted);padding-left:.4rem;font-size:.8rem;font-weight:500}.video-filename{overflow-wrap:anywhere;color:var(--color-muted);font-family:ui-monospace,monospace;font-size:.7rem}.video-actions{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;display:flex}.video-cleanup{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0;padding-top:1rem;display:flex}.video-cleanup p{max-width:43rem;margin:0}.video-compatibility{max-width:65rem;margin-top:1.5rem}@media (width<=760px){.video-workspace{grid-template-columns:1fr;gap:1rem}.video-page-hero{padding-top:1.5rem}.video-page-hero h1{max-width:100%}.video-settings{padding:1.25rem}.video-drop{padding-top:1.5rem}}.video-mode{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.video-mode label{border:1px solid var(--color-border);cursor:pointer;border-radius:.6rem;align-items:center;gap:.4rem;padding:.65rem .8rem;display:flex}.video-mode label:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.video-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}.video-fields>p{grid-column:1/-1}.video-field input:not([type=range]),.video-field select{border:1px solid var(--color-border-strong);width:100%;min-width:0;min-height:44px;font:inherit;color:var(--color-text);background:#fff;border-radius:.6rem;margin-top:.6rem;padding:.65rem .75rem;display:block}@media (width<=760px){.video-fields{grid-template-columns:1fr}}