@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff")}:root{color:#181713;font-synthesis:none;--paper:#f1eee6;--ink:#181713;--orange:#ec3815;--lime:#d9ff43;--muted:#625f57;--line:#d1cdc2;--display:"Archivo Black", sans-serif;background:#f1eee6;font-family:DM Mono,monospace}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,a{touch-action:manipulation}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button svg,a svg{flex:none}h1,h2,p{margin:0}button{border:0}button,.primary,.secondary{transition:background .16s,transform .16s}.sr-only,.skip-link:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{background:var(--lime);padding:16px;display:block}.topbar{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;height:82px;padding:0 max(28px,50vw - 620px);display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:1.25rem;font-weight:500;text-decoration:none;display:flex}.brand-mark{background:var(--orange);color:#fff;width:2.125rem;height:2.125rem;font-family:var(--display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-left:3px;font-size:1.5rem;display:flex}.brand-mark span{margin-left:-1px;font:20px DM Mono}main{max-width:1184px;margin:0 auto;padding:38px 28px 28px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;display:flex}.kicker{letter-spacing:.14em;color:var(--muted);margin-bottom:14px;font-size:.75rem}h1{font:400 clamp(28px, 3.8vw, 46px) / 1.1 var(--display);letter-spacing:-.055em}h1 span{color:#6b675d}.heading-note{text-align:right;color:var(--muted);padding-bottom:2px;font-size:.875rem;line-height:1.8}.steps{color:#807b70;align-items:center;gap:22px;margin-bottom:20px;font-size:.875rem;display:flex}.steps>span{white-space:nowrap;align-items:center;gap:10px;display:flex}.steps b{border:1px solid var(--line);border-radius:50%;place-items:center;width:1.45rem;min-width:1.45rem;height:1.45rem;font-size:.75rem;font-weight:400;display:grid}.steps [aria-current]{color:var(--ink)}.steps [aria-current] b{background:var(--ink);color:var(--paper);border-color:var(--ink)}.steps i{background:var(--line);flex:1;height:1px}.workspace{border:1px solid var(--ink);background:#faf8f2;grid-template-columns:minmax(0,1fr) 360px;display:grid;box-shadow:5px 5px #d4d0c5}.media-panel{border-right:1px solid var(--ink);min-width:0}.section-bar{border-bottom:1px solid var(--line);letter-spacing:.07em;justify-content:space-between;align-items:center;gap:16px;min-height:53px;padding:12px 22px;font-size:.75rem;display:flex}.section-bar>span{align-items:center;gap:9px;display:flex}.section-bar .text-button{letter-spacing:0;font-size:.75rem}.text-button{color:var(--muted);background:0 0;align-items:center;gap:7px;padding:0;font-size:.875rem;display:flex}.text-button:hover{color:var(--ink)}.dropzone{text-align:center;background:repeating-linear-gradient(135deg,#0000,#0000 6px,#e5e0d51c 6px 7px);border:1px dashed #b9b4a8;flex-direction:column;justify-content:center;align-items:center;min-height:332px;margin:22px;padding:30px 20px;display:flex}.dropzone.dragging{border-color:var(--ink);background:#d9ff4344}.upload-mark{background:var(--lime);border:1px solid var(--ink);width:62px;height:62px;box-shadow:3px 3px 0 var(--ink);place-items:center;margin-bottom:23px;display:grid}.dropzone h2{font:26px/1.15 var(--display);letter-spacing:-.04em}.dropzone p{color:var(--muted);margin:15px 0 22px;font-size:.875rem}.primary{background:var(--orange);color:#fff;border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:50px;padding:14px 20px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.primary:hover:not(:disabled){background:#ca2b0c}.primary:active:not(:disabled){transform:translateY(1px)}.select-button{background:var(--ink);width:auto;min-height:44px;font-size:.875rem}.select-button:hover:not(:disabled){background:#36332c}.formats{letter-spacing:.12em;color:var(--muted);margin-top:16px;font-size:.75rem}.player-wrap{background:#161616;justify-content:center;align-items:center;height:308px;margin:22px 22px 0;display:flex;position:relative;overflow:hidden}.player-wrap video{object-fit:contain;width:100%;height:100%}.preview-unavailable{color:#dedbd3;text-align:center;background:#181713;justify-content:center;align-items:center;padding:25px;font-size:.875rem;line-height:1.7;display:flex;position:absolute;inset:0}.player-badge{background:var(--lime);padding:6px 9px;font-size:.75rem;position:absolute;top:12px;right:12px}.file-strip{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:0 22px 22px;padding:14px 0;display:flex}.file-strip>div{flex:1;min-width:0}.file-strip strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.file-strip p{color:var(--muted);margin-top:5px;font-size:.75rem}.file-strip p span{padding:0 3px}.file-tag{border:1px solid var(--line);padding:5px;font-size:.75rem}.trim-section{border-top:1px solid var(--line);padding:20px 22px}.trim-section.inactive{color:#8b867a}.trim-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.trim-title h2{align-items:center;gap:9px;font-size:.875rem;font-weight:500;display:flex}.trim-title>span{color:var(--muted);font-size:.75rem}.timeline{margin-bottom:18px;position:relative}.timeline-track{border:1px solid var(--line);background:repeating-linear-gradient(90deg,#e8e4da,#e8e4da 20px,#d3cec2 20px 21px);height:36px;position:relative}.timeline-selection{inset:0;left:var(--start);right:calc(100% - var(--end));border-left:4px solid var(--orange);border-right:4px solid var(--orange);border-top:1px solid var(--orange);border-bottom:1px solid var(--orange);background:#ec381528;position:absolute}.playhead{left:var(--head);border-left:2px solid var(--ink);position:absolute;top:-4px;bottom:-4px}.range-row{grid-template-columns:1fr 1fr;gap:20px;margin-top:12px;display:grid}.range-row label{align-items:center;gap:8px;min-width:0;font-size:.75rem;display:flex}.range-row input{width:100%;min-width:0;accent-color:var(--orange);cursor:ew-resize;height:24px}.timeline-labels{color:var(--muted);justify-content:space-between;margin-top:5px;font-size:.75rem;display:flex}.time-controls{align-items:flex-end;gap:12px;display:flex}.time-field{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.time-field>span{color:var(--muted);font-size:.75rem}.time-field input{width:100%;min-width:0;height:40px;color:var(--ink);background:0 0;border:1px solid #c7c1b4;border-radius:0;padding:10px;font-size:.875rem}.time-field input[aria-invalid=true]{border-color:#b22b0e}.time-separator{color:#8b867a;padding-bottom:11px}.secondary{background:0 0;border:1px solid #bcb6a9;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 13px;font-size:.875rem;display:flex}.secondary:hover:not(:disabled){background:#e7e2d6}.preview-button{flex:none}.fine-print{color:var(--muted);margin-top:12px;font-size:.75rem;line-height:1.7}.inline-error{color:#a32a0d;margin-top:10px;font-size:.875rem;line-height:1.6}.small-dot{background:var(--orange);border-radius:50%;width:8px;height:8px}.settings-body{padding:24px 22px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--orange);gap:12px;margin:0 0 17px;padding:0;font-size:.75rem;display:flex}legend span{color:var(--ink);font-size:.875rem;font-weight:500}.preset-options{flex-direction:column;gap:8px;display:flex}.preset{border:1px solid var(--line);cursor:pointer;background:#faf8f2;align-items:center;gap:12px;padding:15px 12px;display:flex;position:relative}.preset.selected{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#eeebdf}.preset:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:4px}.preset input{opacity:0;width:1px;height:1px;position:absolute}.preset strong{font-size:.875rem;font-weight:500;display:block}.preset small{color:var(--muted);margin-top:6px;font-size:.75rem;line-height:1.4;display:block}.preset-icon{flex:none;align-items:center;gap:2px;width:20px;height:20px;display:flex}.preset-icon i{background:#d5d0c4;width:4px;height:14px}.preset-icon i:nth-child(2){height:10px}.preset-icon i:nth-child(3){height:6px}.preset-icon i.filled{background:var(--ink)}.radio-visual{border:1px solid #a09a8d;border-radius:50%;flex:none;width:13px;height:13px;margin-left:auto}.selected .radio-visual{border:4px solid var(--ink);background:var(--lime)}.resolution{margin-top:26px}.resolution label{align-items:center;gap:12px;margin-bottom:15px;font-size:.875rem;font-weight:500;display:flex}.resolution b{color:var(--orange);font-size:.75rem;font-weight:400}select{border:1px solid var(--line);width:100%;color:var(--ink);background:0 0;border-radius:0;padding:13px 10px;font-size:.875rem}.output-format{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:25px;padding-top:22px;font-size:.75rem;display:flex}.output-format strong{align-items:center;gap:7px;font-size:.875rem;font-weight:500;display:flex}.codec-note{margin-top:7px}.export-button{margin-top:24px}.export-button:disabled{opacity:1;color:#898477;background:#d9d5cb;border-color:#c2bcaf}.size-note{color:var(--muted);margin-top:14px;font-size:.75rem;line-height:1.7}.processing{flex-direction:column;gap:13px;padding:22px 0 0;font-size:.875rem;display:flex}.processing-dot{background:var(--orange);width:30px;height:6px;animation:1.2s infinite pulse}.processing strong{font-size:.875rem;font-weight:500;line-height:1.6}.processing>span:last-of-type{color:var(--muted);font-size:.75rem}progress{width:100%;height:6px;accent-color:var(--orange)}.limits{color:var(--muted);margin-top:16px;font-size:.75rem;line-height:1.8}footer{max-width:1184px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:22px 28px;font-size:.75rem;display:flex}footer a{text-underline-offset:4px}.feedback{border:1px solid var(--line);background:#e8ecd9;margin-top:20px;padding:15px 42px 15px 18px;font-size:.875rem;line-height:1.7;position:relative}.feedback.error{background:#ffe7dc;border-color:#ca5b3c}.feedback button{background:0 0;position:absolute;top:13px;right:13px}.result{padding:30px 24px}.success-icon{background:var(--lime);border:1px solid var(--ink);width:56px;height:56px;box-shadow:3px 3px 0 var(--ink);place-items:center;margin-bottom:30px;display:grid}.result h2{font:26px/1.15 var(--display);letter-spacing:-.04em;outline:none}.comparison{border-top:1px solid var(--line);margin:30px 0 0}.comparison>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}dt{color:var(--muted);font-size:.875rem}dd{margin:0;font-size:1.125rem}.comparison>div:last-child dd{font-family:var(--display);font-size:1.375rem}.result p:not(.kicker){margin-top:16px;font-size:.75rem;line-height:1.8}.result .size-change{color:#4b621a}.result .primary{margin-top:28px}.result .secondary{width:100%;margin-top:12px}@keyframes pulse{50%{opacity:.3}}@media (min-width:1500px){main{padding-top:48px}.page-heading{margin-bottom:40px}}@media (max-width:960px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.section-bar,.settings-body,.trim-section{padding-left:17px;padding-right:17px}.dropzone{margin:17px}.player-wrap{margin:17px 17px 0}.file-strip{margin:0 17px 17px}.time-controls{flex-wrap:wrap}.preview-button{width:100%}.trim-title{flex-direction:column;align-items:flex-start}.heading-note{font-size:.75rem}}@media (max-width:720px){.topbar{height:70px;padding:0 20px}main{padding:28px 18px 16px}.page-heading{margin-bottom:28px}.heading-note{display:none}h1{font-size:2rem}.workspace{grid-template-columns:1fr}.media-panel{border-right:0;border-bottom:1px solid var(--ink)}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px;font-size:.75rem;display:grid}.steps>span{white-space:normal;overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:8px}.steps b{width:19px;height:19px;font-size:.75rem}.steps i{display:none}.dropzone{min-height:320px}.player-wrap{height:280px}.trim-title{flex-direction:column;align-items:flex-start}.trim-title>span{font-size:.75rem}.time-controls{flex-wrap:wrap}.preview-button{width:100%}.settings-body{padding:23px}.preset strong{font-size:.875rem}.preset small{font-size:.75rem}.preset{padding:16px 13px}.section-bar,.limits{font-size:.75rem}footer{padding:22px 18px}.result h2{font-size:2rem}}@media (max-width:380px){.time-controls{flex-wrap:wrap}.preview-button{width:100%}.trim-title{flex-direction:column;align-items:flex-start}.steps b{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}