@import "https://fonts.signalwerk.ch/css/latest/family=Work+Sans:ital,wght@0,100..900;1,100..900.css";@import "https://fonts.signalwerk.ch/css/latest/family=IBM+Plex+Mono:ital,wght@0,400..700;1,400..700.css";@import "https://fonts.signalwerk.ch/css/latest/family=Noto+Emoji:wght@300..700.css";:root{--work-sans-weight-normal:400;--work-sans-weight-bold:700;--blue-color:#0054a2;--gray-color:#e6e8ea;--gray-dark-color:#c7c7c7;--color-black:#121212;--c-selection-bg:var(--blue-color);--c-selection-color:var(--gray-color);--layout-max-width:48em;--layout-padding-left-right:1.5em;--font-size--default:14px;--font-size--m:15px;--font-size--l:16px;font-size:var(--font-size--default);box-sizing:border-box;height:100%}@media screen and (width>=750px){:root{font-size:var(--font-size--m)}}@media screen and (width>=1100px){:root{font-size:var(--font-size--l)}}*,:before,:after{box-sizing:inherit}*{font:inherit;margin:0;padding:0}::selection{color:var(--c-selection-color);background:var(--c-selection-bg)}html,body,#root{height:100%}body{font-family:Work Sans,Noto Emoji,sans-serif;font-weight:var(--work-sans-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;color:var(--color-black);background:#fff;margin:0;line-height:1.6}button{color:inherit;box-shadow:none;text-shadow:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;line-height:1;display:inline-block}h1,h2,h3{text-wrap:balance;margin-top:1em;margin-bottom:.2em;font-weight:700}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1rem}label{margin-bottom:.3em;display:block}input,select{border:1px solid var(--color-black);color:var(--color-black);font-family:inherit;font-size:inherit;background:#fff;margin:0;padding:.5em;display:block}input[type=number]{font-family:IBM Plex Mono,monospace}ul{padding:0;list-style:none}.small{font-size:.8em}.app{max-width:var(--layout-max-width);padding:2em var(--layout-padding-left-right) 4em;margin:0 auto}.app h1{margin-top:0;margin-bottom:.5em}.drop-zone{border:2px dashed var(--color-black);text-align:center;cursor:pointer;margin-bottom:2em;padding:3em 2em;transition:background-color .2s,border-color .2s;position:relative}.drop-zone:hover,.drop-zone--active{background-color:var(--gray-color);border-color:var(--blue-color)}.drop-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop-zone p{pointer-events:none}.settings{border:1px solid var(--color-black);grid-template-columns:1fr 1fr;gap:1.2em;margin-bottom:2em;padding:1.5em;display:grid}@media screen and (width<=500px){.settings{grid-template-columns:1fr}}.settings h2{grid-column:1/-1;margin-top:0}.setting-group label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5em;font-size:.85em;font-weight:700}.setting-group select,.setting-group input{width:100%}.setting-row{align-items:end;gap:.8em;display:flex}.setting-row .setting-group{flex:1}.quality-custom{margin-top:.4em}.actions{flex-wrap:wrap;gap:1em;margin-bottom:2em;display:flex}.btn{color:inherit;border:solid 1px var(--color-black);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;padding:.7em 1.2em;transition:color .2s,background-color .2s,border-color .2s}.btn:hover:not(:disabled),.btn--primary{background-color:var(--color-black);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--blue-color);border-color:var(--blue-color)}.btn:disabled{cursor:not-allowed;opacity:.4}.file-list{margin-top:1.5em}.file-item{border-bottom:1px solid var(--gray-color);flex-wrap:wrap;align-items:center;gap:1em;padding:.8em 0;display:flex}.file-item:first-child{border-top:1px solid var(--gray-color)}.file-item__info{flex-direction:column;flex:1;gap:.25em;min-width:14em;display:flex}.file-item__name{text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.85em;overflow:hidden}.file-item__size{color:#666;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.8em}.file-item__status{white-space:nowrap;font-size:.85em}.file-item__status--pending{color:#999}.file-item__status--converting{color:var(--blue-color)}.file-item__status--done{color:#2a7a2a}.file-item__status--error{color:#c00}.file-item__actions{gap:.5em;margin-left:auto;display:flex}.file-item__actions .btn{padding:.4em .8em;font-size:.8em}.progress-bar{background:var(--gray-color);width:100%;height:4px;margin-bottom:1em;overflow:hidden}.progress-bar__fill{background:var(--color-black);height:100%;transition:width .3s}.summary{color:#666;margin-top:1em;font-family:IBM Plex Mono,monospace;font-size:.85em}.resize-section{flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:1em;display:flex}.resize-section .setting-group{flex:1;min-width:8em}