:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1f2937;background:#fff}*,*:before,*:after{box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;background:#fff}button,input,select{margin:0;font:inherit;color:inherit}button{border:0}p,h1,fieldset,legend{margin:0;padding:0}fieldset{min-width:0;border:0}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;background:#fff}.site-container{width:min(calc(100% - 40px),1100px);margin:0 auto}.encoder-content{max-width:40rem;margin:auto}.site-header{padding-top:1rem;padding-bottom:1rem}.site-header h1{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:#111827}.tagline{margin-top:.5rem;color:#4b5563}.main-content{padding-top:1rem;padding-bottom:2rem}.content-stack>:not([hidden])~:not([hidden]){margin-top:1.5rem}.upload-zone{min-height:10.5rem;padding:2rem;text-align:center;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;transition:border-color .15s ease,filter .15s ease,opacity .15s ease}.upload-zone:hover,.upload-zone[data-state=dragging]{filter:brightness(1.05)}.upload-zone[aria-disabled=true]{cursor:not-allowed;opacity:.5}.upload-stack>:not([hidden])~:not([hidden]){margin-top:1rem}.upload-copy{min-width:0;color:#4b5563}.upload-copy .file-name{overflow:hidden;color:#111827;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.small{font-size:.875rem;line-height:1.25rem}.upload-copy .metadata-line{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.browse-row{display:flex;justify-content:center}.browse-button{padding:.5rem 1rem;color:#374151;font-weight:500;background:#f3f4f6;border-radius:.25rem;cursor:pointer}.browse-button:hover{filter:brightness(1.18)}.browse-button[aria-disabled=true]{cursor:not-allowed}.browse-button input{display:none}.encoding-options>:not([hidden]):not(.visually-hidden)~:not([hidden]){margin-top:1rem}.encoding-options>.upload-button{margin-top:1.5rem}.size-options,.trim-options,.warning-actions,.queue-stats,.site-footer nav{display:flex;flex-wrap:wrap;align-items:center;margin-top:-.25rem;margin-left:-1rem}.size-options>*,.queue-stats>*,.site-footer nav>*{margin-top:.25rem;margin-left:1rem}.size-options{margin-top:-1rem}.size-options>*{margin-top:1rem;margin-left:.5rem}.size-options label,.warning-dismiss,.options-panel>label{display:flex;align-items:center;cursor:pointer}.size-options label>*+*,.warning-dismiss>*+*,.options-panel>label>*+*{margin-left:.5rem}.custom-size-label input[type=number]{width:5rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;border:1px solid #e5e7eb;border-radius:.25rem}.muted{color:#6b7280}.advanced-options h2{margin:0;font-size:.875rem;line-height:1.25rem;font-weight:400;width:max-content;color:#4b5563}.advanced-options h2:hover{color:#111827}.options-panel{margin-top:.75rem;padding-left:1rem;color:#4b5563;border-left:2px solid #e5e7eb}.options-panel>:not([hidden])~:not([hidden]){margin-top:.75rem}.trim-options{margin-left:-.5rem}.trim-options>*{margin-top:.25rem;margin-left:.5rem}.trim-options input{width:4rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;border:1px solid #e5e7eb;border-radius:.25rem}.select-row select{padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;border:1px solid #e5e7eb;border-radius:.25rem}.quality-warning{padding:.75rem;font-size:.875rem;line-height:1.25rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem}.warning-actions{margin-top:.25rem;margin-left:-.75rem}.warning-actions>*{margin-top:.25rem;margin-left:.75rem}.warning-button{padding:.25rem .75rem;color:#fff;font-size:.875rem;line-height:1.25rem;background:#d97706;border-radius:.25rem;cursor:pointer}.warning-button:hover{background:#b45309}.warning-dismiss{color:#b45309}.upload-button{width:100%;padding:.75rem 0;color:#fff;font-weight:500;background:#22c55e;border-radius:.5rem;cursor:pointer;transition:filter .15s ease}.upload-button:hover:not(:disabled){filter:brightness(1.15)}.upload-button:disabled{background:#d1d5db;cursor:not-allowed}.progress-panel{padding:1rem;background:#f9fafb;border-radius:.5rem}.progress-panel>:not([hidden])~:not([hidden]){margin-top:1rem}.progress-heading{display:flex;align-items:center;justify-content:space-between}.progress-status{font-weight:500}.download-button{padding:.5rem 1rem;color:#fff;text-decoration:none;background:#22c55e;border-radius:.25rem}.download-button:hover{background:#16a34a}progress{display:block;width:100%;height:.5rem;overflow:hidden;color:#4ade80;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border:0;border-radius:9999px}progress::-webkit-progress-bar{background:#e5e7eb;border-radius:9999px}progress::-webkit-progress-value{background:currentColor;border-radius:9999px;transition:width .3s ease}progress::-moz-progress-bar{background:currentColor;border-radius:9999px;transition:width .3s ease}.progress-panel[data-state=complete] progress{color:#22c55e}.error-message{color:#dc2626;font-size:.875rem;line-height:1.25rem}.size-comparison{color:#4b5563;font-size:.875rem;line-height:1.25rem}.reset-button{padding:.5rem 1rem;color:#374151;font-size:.875rem;line-height:1.25rem;font-weight:500;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;box-shadow:0 1px 2px #0000000d;cursor:pointer}.reset-button:hover{background:#f9fafb}.server-status{overflow:hidden;border:1px solid #86efac;border-radius:.5rem}.file-size-explanation{width:100%;max-width:40rem;margin:2.75rem auto 0;padding:.25rem 1.5rem .25rem 1.25rem;color:#666;border-left:2px solid #d2d2cd}.file-size-explanation h2{margin:0 0 .5rem;color:#444;font-size:1rem;line-height:1.4;font-weight:500}.file-size-explanation p{margin:0;color:#666;line-height:1.6}.server-status-header{display:flex;width:100%;padding:.75rem 1rem;align-items:center;justify-content:space-between;background:#f0fdf4;cursor:pointer}.server-status-header:hover{background:#dcfce7}.server-title{display:flex;align-items:center;font-weight:500}.server-title>*+*{margin-left:.5rem}.queue-stats{color:#4b5563;font-size:.875rem;line-height:1.25rem}.workers-list{padding:1rem}.workers-list>*+*{margin-top:.75rem}.no-workers{color:#6b7280;font-size:.875rem;line-height:1.25rem;text-align:center}.worker-card{display:flex;align-items:center}.worker-card>*+*{margin-left:1rem}.worker-name{width:7rem;overflow:hidden;color:#111827;font-size:.875rem;line-height:1.25rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.worker-card[data-online=false] .worker-name{color:#9ca3af}.worker-stats{width:8rem;color:#6b7280;font-size:.75rem;line-height:1rem;white-space:nowrap}.worker-card progress{flex:1 1 0%;height:1rem;color:#4ade80;border-radius:.25rem}.worker-card[data-state=busy] progress{color:#facc15}.worker-card[data-online=false] progress{color:#d1d5db}.worker-percent{width:3rem;color:#4b5563;font-size:.875rem;line-height:1.25rem;text-align:right}.site-footer{padding-bottom:2rem;color:#6b7280;font-size:.875rem;line-height:1.25rem;text-align:center}.site-footer p{margin-bottom:.5rem}.site-footer nav{gap:.25rem 1rem;justify-content:center;margin-top:.5rem;margin-left:0}.site-footer nav>*{margin:0}.site-footer nav+nav{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #bbbbbb}.site-footer a{color:#15803d;text-decoration:none}.site-footer a:hover{color:#166534;text-decoration:underline}.noscript-message{position:fixed;right:1rem;bottom:1rem;left:1rem;padding:.75rem;color:#92400e;text-align:center;background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #22c55e;outline-offset:2px}@media (max-width: 40rem){.worker-card{flex-wrap:wrap}.worker-card progress{min-width:8rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{color:#444;background:#eee;color-scheme:light;accent-color:#d63232}body,.app-shell{color:#444;background:#eee}.site-header h1{display:flex;align-items:baseline;font-weight:800;letter-spacing:-.045em}.site-header .brand-link{color:inherit;text-decoration:none}.brand-smol{color:#d63232;font-size:.67em;letter-spacing:-.025em}.brand-vid{color:#ff7a00}.tagline,.upload-copy,.muted,.options-panel,.queue-stats,.worker-stats,.worker-percent,.size-comparison{color:#555}.site-footer{color:#66847b}.upload-copy .file-name,.advanced-options h2:hover,.worker-name{color:#222}.upload-zone{background:#f8f8f6;border-color:#999}.browse-button,.upload-button,.download-button{color:#f8f8f6;background:#333}.download-button:hover{background:#d63232}.upload-button:disabled{color:#777;background:#d4d4d0}input[type=radio]{width:.875rem;height:.875rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#eee;border:1px solid #777777;border-radius:50%}input[type=radio]:checked{background:#d63232;border-color:#d63232;box-shadow:inset 0 0 0 3px #eee}input[type=number],select{color:#333;background:#fff;border-color:#999!important}.advanced-options h2{color:#555}.site-footer a{color:#3a7566}.site-footer a:hover{color:#d63232}.options-panel{border-left-color:#bbb}.quality-warning,.noscript-message{color:#6b3a00;background:#fff1df;border-color:#e0a45a}.warning-button{color:#fff;background:#8f3a24}.warning-button:hover{background:#ad462c}.warning-dismiss{color:#6b3a00}.progress-panel,.reset-button{color:#333;background:#e4e4e0}.reset-button{border-color:#aaa}.reset-button:hover{background:#d8d8d3}progress,progress::-webkit-progress-bar{color:#3a7566;background:#d0d0cc}.error-message{color:#b4231f}.server-status{border-color:#aaa}.server-status-header{color:#333;background:#deded9}.server-status-header:hover{background:#d2d2cd}.worker-card[data-online=false] .worker-name,.no-workers{color:#888}.worker-card progress{color:#3a7566}.worker-card[data-state=busy] progress{color:#c97918}.worker-card[data-online=false] progress{color:#aaa}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline-color:#d63232}input::placeholder{color:#777;opacity:1}