@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Azeret Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/azeret-mono-latin-ext-wght-normal-CaAVEd4C.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Azeret Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/azeret-mono-latin-wght-normal-BhHwRSCm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#e7ebf0;-webkit-font-smoothing:antialiased;background:#15181c;min-height:100dvh;font-family:Archivo Variable,system-ui,sans-serif;font-size:1rem;font-stretch:100%;line-height:1.5}img,video,canvas{max-width:100%;display:block}input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:where(ul,ol){padding:0;list-style:none}#root{min-height:100dvh}::selection{color:#15181c;background:#ff6b2c}:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.commandTape{background:#1d2228;border:1px solid #2c333b;border-radius:8px;overflow:hidden}.commandTape__bar{text-align:left;align-items:center;gap:.75rem;width:100%;min-height:3.25rem;padding:.75rem 1rem;display:flex;position:relative}.commandTape__bar:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.commandTape__bar>*{z-index:1;position:relative}.commandTape__bar:hover{background:#ffffff08}.commandTape__label{letter-spacing:.08em;text-transform:uppercase;color:#e7ebf0;flex:1;min-width:0;font-family:Archivo Variable,system-ui,sans-serif;font-size:.9rem;font-weight:600;font-stretch:125%}.commandTape__percent{letter-spacing:-.01em;color:#8a94a2;font-variant-numeric:tabular-nums;flex:none;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:500}.commandTape__chevron{letter-spacing:-.01em;color:#8a94a2;flex:none;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.commandTape--active .commandTape__bar:before{z-index:0;width:calc(100% * var(--tapeFill,0));content:"";background:#c3d2b438;border-right:2px solid #c3d2b4;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:no-preference){.commandTape--active .commandTape__bar:before{transition:width .22s linear}}.commandTape--active .commandTape__percent{color:#c3d2b4}.commandTape__panel{background:#c3d2b4;border-top:1px solid #2c333b;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.commandTape__panel[hidden]{display:none}@media (width>=600px){.commandTape__panel{flex-direction:row;align-items:flex-start}}.commandTape__line{letter-spacing:-.01em;white-space:pre;color:#1a2213;scrollbar-color:#1a221359 #c3d2b4;scrollbar-width:thin;flex:1;min-width:0;margin:0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:500;overflow-x:auto}.commandTape__line::-webkit-scrollbar{height:6px}.commandTape__line::-webkit-scrollbar-track{background:#c3d2b4}.commandTape__line::-webkit-scrollbar-thumb{background:#1a221359;border-radius:3px}.commandTape__copy{letter-spacing:-.01em;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}@media (pointer:coarse){.commandTape__copy{min-width:44px;min-height:44px}}.commandTape__copy:focus-visible{outline-offset:2px;outline:2px solid #1a2213}.commandTape__copy{color:#1a2213;border:1px solid #1a221366;border-radius:4px;flex:none;padding:.5rem 1rem}.commandTape__copy:hover{color:#c3d2b4;background:#1a2213}.commandTape__empty{letter-spacing:-.01em;color:#1a22139e;margin:0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:400}.dropZone{background:#1d2228;border:1px solid #2c333b;border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.dropZone__title{letter-spacing:.08em;text-transform:uppercase;color:#8a94a2;font-family:Archivo Variable,system-ui,sans-serif;font-size:.9rem;font-weight:600;font-stretch:125%}.dropZone__target{cursor:pointer;text-align:center;background:#0000002e;border:1px dashed #2c333b;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:8.5rem;padding:1.25rem 1rem;transition:border-color .12s cubic-bezier(.22,1,.36,1),background-color .12s cubic-bezier(.22,1,.36,1);display:flex}.dropZone__target:hover{border-color:#8a94a2}.dropZone__target:has(input:focus-visible){outline-offset:2px;outline:2px solid #e7ebf0}.dropZone__target:has(input:disabled){cursor:progress}@media (pointer:coarse){.dropZone__target{min-height:9.5rem}}.dropZone--over .dropZone__target{background:#ff6b2c14;border-style:solid;border-color:#ff6b2c}.dropZone__prompt{letter-spacing:-.01em;overflow-wrap:anywhere;color:#e7ebf0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:1rem;font-weight:500}.dropZone__hint{letter-spacing:-.01em;color:#8a94a2;letter-spacing:.1em;text-transform:uppercase;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}.dropZone__notice{background:#ff6b2c14;border:1px solid #ff6b2c;border-radius:4px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}@media (width>=600px){.dropZone__notice{flex-direction:row;justify-content:space-between;align-items:flex-start}}.dropZone__noticeText{letter-spacing:-.01em;color:#e7ebf0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.dropZone__dismiss{letter-spacing:-.01em;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}@media (pointer:coarse){.dropZone__dismiss{min-width:44px;min-height:44px}}.dropZone__dismiss:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.dropZone__dismiss{color:#ff6b2c;border:1px solid #ff6b2c;border-radius:4px;flex:none;padding:.5rem 1rem}.dropZone__dismiss:hover{color:#15181c;background:#ff6b2c}.formatPicker{background:#1d2228;border:1px solid #2c333b;border-radius:8px;flex-direction:column;gap:1rem;margin:0;padding:1.25rem;display:flex}.formatPicker__legend{letter-spacing:.08em;text-transform:uppercase;color:#8a94a2;padding:0;font-family:Archivo Variable,system-ui,sans-serif;font-size:.9rem;font-weight:600;font-stretch:125%}.formatPicker__group{flex-direction:column;gap:.5rem;display:flex}.formatPicker__groupLabel{letter-spacing:-.01em;color:#8a94a2;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.formatPicker__chips{flex-wrap:wrap;gap:.5rem;display:flex}@media (pointer:coarse){.formatPicker__chip{min-width:44px;min-height:44px}}.formatPicker__chip{cursor:pointer;background:#0000002e;border:1px solid #2c333b;border-radius:4px;align-items:baseline;gap:.25rem;padding:.5rem .75rem;transition:border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),background-color .12s cubic-bezier(.22,1,.36,1);display:inline-flex}.formatPicker__chip:hover{border-color:#8a94a2}.formatPicker__chip:has(input:focus-visible){outline-offset:2px;outline:2px solid #e7ebf0}.formatPicker__chip--on{color:#1a2213;background:#c3d2b4;border-color:#c3d2b4}.formatPicker__chip--off{cursor:not-allowed;opacity:.35}.formatPicker__chip--off:hover{border-color:#2c333b}.formatPicker__chipId{letter-spacing:-.01em;color:inherit;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:500}.formatPicker__chipExt{letter-spacing:-.01em;color:#8a94a2;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.formatPicker__chip--on .formatPicker__chipExt{color:#1a2213a6}.formatPicker__notes{border-top:1px solid #2c333b;flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.formatPicker__note{letter-spacing:-.01em;color:#8a94a2;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.formatPicker__noteId{color:#e7ebf0;font-weight:500}.outputBar{background:#1d2228;border:1px solid #2c333b;border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.outputBar__row{flex-direction:column;gap:1rem;display:flex}@media (width>=900px){.outputBar__row{flex-direction:row;align-items:center}}.outputBar__action{letter-spacing:.08em;text-transform:uppercase;font-family:Archivo Variable,system-ui,sans-serif;font-size:.9rem;font-weight:700;font-stretch:125%}@media (pointer:coarse){.outputBar__action{min-width:44px;min-height:44px}}.outputBar__action:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.outputBar__action{color:#1a2213;background:#c3d2b4;border-radius:4px;flex:none;padding:.75rem 1.5rem;transition:background-color .12s cubic-bezier(.22,1,.36,1),opacity .12s cubic-bezier(.22,1,.36,1)}.outputBar__action:disabled{cursor:not-allowed;color:#8a94a2;background:#2c333b}.outputBar__action:not(:disabled):hover{background:#cad7bd}.outputBar__action--stop{color:#15181c;background:#ff6b2c}.outputBar__action--stop:hover{background:#ff7d45}.outputBar__summary{flex-wrap:wrap;flex:1;gap:.5rem 1.5rem;margin:0;display:flex}.outputBar__entry{flex-direction:column;gap:.25rem;min-width:0;display:flex}.outputBar__key{letter-spacing:-.01em;color:#8a94a2;letter-spacing:.1em;text-transform:uppercase;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}.outputBar__value{letter-spacing:-.01em;color:#e7ebf0;align-items:baseline;gap:.5rem;margin:0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:500;display:flex}.outputBar__delta{letter-spacing:-.01em;color:#8a94a2;font-variant-numeric:tabular-nums;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}.outputBar__delta--down{color:#6be3a2}.outputBar__download{letter-spacing:.08em;text-transform:uppercase;font-family:Archivo Variable,system-ui,sans-serif;font-size:.9rem;font-weight:600;font-stretch:125%}@media (pointer:coarse){.outputBar__download{min-width:44px;min-height:44px}}.outputBar__download:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.outputBar__download{color:#e7ebf0;border:1px solid #e7ebf0;border-radius:4px;flex:none;padding:.75rem 1.25rem}.outputBar__download:hover:not(:disabled){color:#15181c;background:#e7ebf0}.outputBar__download:disabled{cursor:progress;opacity:.6}.outputBar__idle{letter-spacing:-.01em;color:#8a94a2;flex:1;margin:0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:400}.queueRow{background:#0000002e;border:1px solid #2c333b;border-radius:4px;padding:.75rem 1rem;position:relative;overflow:hidden}.queueRow>*{z-index:1;position:relative}.queueRow--encoding:before{z-index:0;width:calc(100% * var(--rowFill,0));content:"";background:#ff6b2c24;border-right:2px solid #ff6b2c;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:no-preference){.queueRow--encoding:before{transition:width .22s linear}}.queueRow--done{background:#6be3a20f;border-color:#6be3a273}.queueRow--error{border-color:#ff6b2c}.queueRow__head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.queueRow__name{letter-spacing:-.01em;overflow-wrap:anywhere;color:#e7ebf0;min-width:0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:500}.queueRow__status{letter-spacing:-.01em;color:#8a94a2;letter-spacing:.1em;text-transform:uppercase;flex:none;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}.queueRow--encoding .queueRow__status{color:#ff6b2c}.queueRow--done .queueRow__status{color:#6be3a2}.queueRow--error .queueRow__status{color:#ff6b2c}.queueRow__facts{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-top:.5rem;display:flex}.queueRow__fact{letter-spacing:-.01em;color:#8a94a2;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.queueRow__fact--out{color:#e7ebf0}.queueRow__arrow{color:#8a94a2}.queueRow__delta{letter-spacing:-.01em;color:#8a94a2;font-variant-numeric:tabular-nums;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}.queueRow__delta--down{color:#6be3a2}.queueRow__error{letter-spacing:-.01em;color:#ff6b2c;margin-top:.5rem;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.queueRow__actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.queueRow__download,.queueRow__remove{letter-spacing:-.01em;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}@media (pointer:coarse){.queueRow__download,.queueRow__remove{min-width:44px;min-height:44px}}.queueRow__download:focus-visible,.queueRow__remove:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.queueRow__download,.queueRow__remove{border:1px solid #2c333b;border-radius:4px;justify-content:center;align-items:center;padding:.5rem .75rem;text-decoration:none;display:inline-flex}.queueRow__download{color:#1a2213;background:#c3d2b4;border-color:#c3d2b4}.queueRow__remove{color:#8a94a2}.queueRow__remove:hover:not(:disabled){color:#ff6b2c;border-color:#ff6b2c}.queueRow__remove:disabled{cursor:not-allowed;opacity:.4}.queueList{background:#1d2228;border:1px solid #2c333b;border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.queueList__head{flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;display:flex}.queueList__title{letter-spacing:.08em;text-transform:uppercase;color:#8a94a2;font-family:Archivo Variable,system-ui,sans-serif;font-size:.9rem;font-weight:600;font-stretch:125%}.queueList__count{letter-spacing:-.01em;color:#8a94a2;flex:1;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.queueList__clear{letter-spacing:-.01em;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}@media (pointer:coarse){.queueList__clear{min-width:44px;min-height:44px}}.queueList__clear:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.queueList__clear{color:#8a94a2;border:1px solid #2c333b;border-radius:4px;padding:.5rem .75rem}.queueList__clear:hover:not(:disabled){color:#ff6b2c;border-color:#ff6b2c}.queueList__clear:disabled{cursor:not-allowed;opacity:.4}.queueList__items{flex-direction:column;gap:.5rem;max-height:26rem;display:flex;overflow-y:auto}.qualityControl{border:none;flex-direction:column;gap:.75rem;margin:0;padding:0;display:flex}.qualityControl:disabled{opacity:.45}.qualityControl__legend{letter-spacing:-.01em;color:#8a94a2;letter-spacing:.1em;text-transform:uppercase;padding:0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}.qualityControl__options{border:1px solid #2c333b;border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.qualityControl__option{letter-spacing:-.01em;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:500}@media (pointer:coarse){.qualityControl__option{min-width:44px;min-height:44px}}.qualityControl__option{cursor:pointer;text-align:center;background:#0000003d;justify-content:center;align-items:center;padding:.5rem;transition:color .12s cubic-bezier(.22,1,.36,1),background-color .12s cubic-bezier(.22,1,.36,1);display:flex}.qualityControl__option+.qualityControl__option{border-left:1px solid #2c333b}.qualityControl__option:hover{background:#ffffff0a}.qualityControl__option:has(input:focus-visible){outline-offset:-2px;outline:2px solid #e7ebf0}.qualityControl__option--on{color:#1a2213;background:#c3d2b4}.qualityControl__option--on:hover{background:#c3d2b4}.qualityControl__note{letter-spacing:-.01em;color:#8a94a2;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.resizeControl{border:none;flex-direction:column;gap:.75rem;margin:0;padding:0;display:flex}.resizeControl:disabled{opacity:.45}.resizeControl__legend{letter-spacing:-.01em;color:#8a94a2;letter-spacing:.1em;text-transform:uppercase;padding:0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}.resizeControl__toggle{letter-spacing:-.01em;cursor:pointer;align-items:center;gap:.75rem;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:400;display:flex}.resizeControl__toggle input{cursor:pointer;accent-color:#ff6b2c;flex:none;width:1.15rem;height:1.15rem}.resizeControl__fields{gap:.75rem;display:grid}@media (width>=600px){.resizeControl__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.resizeControl__field{flex-direction:column;gap:.5rem;display:flex}@media (width>=600px){.resizeControl__field--wide{grid-column:1/-1}}.resizeControl__label{letter-spacing:-.01em;color:#8a94a2;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:.5rem;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500;display:flex}.resizeControl__readout{letter-spacing:-.01em;color:#c3d2b4;letter-spacing:0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:500}.resizeControl__input{letter-spacing:-.01em;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:500}@media (pointer:coarse){.resizeControl__input{min-width:44px;min-height:44px}}.resizeControl__input:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.resizeControl__input{color:#e7ebf0;background:#0000003d;border:1px solid #2c333b;border-radius:4px;width:100%;padding:.5rem .75rem}.resizeControl__input::placeholder{color:#8a94a2}.resizeControl__input--invalid{border-color:#ff6b2c}.resizeControl__slider:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.resizeControl__slider{cursor:pointer;accent-color:#c3d2b4;width:100%;height:1.5rem}@media (pointer:coarse){.resizeControl__slider{height:44px}}.resizeControl__error{letter-spacing:-.01em;color:#ff6b2c;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.frameControl{border:none;flex-direction:column;gap:.75rem;margin:0;padding:0;display:flex}.frameControl:disabled{opacity:.45}.frameControl__legend{letter-spacing:-.01em;color:#8a94a2;letter-spacing:.1em;text-transform:uppercase;padding:0;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500}.frameControl__toggle{letter-spacing:-.01em;cursor:pointer;align-items:center;gap:.75rem;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:400;display:flex}.frameControl__toggle input{cursor:pointer;accent-color:#ff6b2c;flex:none;width:1.15rem;height:1.15rem}.frameControl__field{flex-direction:column;gap:.5rem;max-width:12rem;display:flex}.frameControl__label{letter-spacing:-.01em;color:#8a94a2;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:.5rem;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:500;display:flex}.frameControl__input{letter-spacing:-.01em;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.9rem;font-weight:500}@media (pointer:coarse){.frameControl__input{min-width:44px;min-height:44px}}.frameControl__input:focus-visible{outline-offset:2px;outline:2px solid #e7ebf0}.frameControl__input{color:#e7ebf0;background:#0000003d;border:1px solid #2c333b;border-radius:4px;width:100%;padding:.5rem .75rem}.frameControl__input::placeholder{color:#8a94a2}.frameControl__note{letter-spacing:-.01em;color:#8a94a2;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.recipePanel{background:#1d2228;border:1px solid #2c333b;border-radius:8px;flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.recipePanel__title{letter-spacing:.08em;text-transform:uppercase;color:#8a94a2;font-family:Archivo Variable,system-ui,sans-serif;font-size:.9rem;font-weight:600;font-stretch:125%}.home{flex-direction:column;gap:1.25rem;max-width:1180px;min-height:100dvh;margin:0 auto;padding:1rem;display:flex}@media (width>=600px){.home{padding:1.5rem}}@media (width>=900px){.home{gap:1.5rem;padding:2rem 1.5rem}}.home__masthead{border-bottom:1px solid #2c333b;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding-bottom:1rem;display:flex}.home__wordmark{letter-spacing:.08em;text-transform:uppercase;color:#e7ebf0;font-family:Archivo Variable,system-ui,sans-serif;font-size:1.25rem;font-weight:700;font-stretch:125%}.home__claim{letter-spacing:-.01em;color:#8a94a2;font-family:Azeret Mono Variable,ui-monospace,SF Mono,monospace;font-size:.8rem;font-weight:400}.home__bench{align-content:start;gap:1rem;display:grid}@media (width>=900px){.home__bench{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:1.25rem}}.home__source{flex-direction:column;gap:1rem;min-width:0;display:flex}@media (width>=900px){.home__source{grid-column:1}}.home__recipe{flex-direction:column;gap:1rem;min-width:0;display:flex}@media (width>=900px){.home__recipe{grid-column:2}}.home__tape,.home__output{min-width:0}@media (width>=900px){.home__tape,.home__output{grid-column:1/-1}}