@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--jet:#0b0b0a;--jet-2:#161614;--bone:#eeebe3;--ash:#9a978f;--line:#3a3935;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--jet);color:var(--bone);flex-direction:column;min-height:100dvh;font:400 14px/1.5 IBM Plex Mono,Menlo,monospace;display:flex}main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:64px 16px 32px}h1{font:inherit;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-weight:500}.dim{color:var(--ash)}button,select,a{font:inherit;color:inherit}.drop{border:2px dashed var(--line);cursor:pointer;background:0 0;width:100%;height:128px;display:block}.drop:hover,.drop.over{border-color:var(--bone);background:var(--jet-2)}.bar{gap:8px;margin-top:8px;display:flex}select,.go{border:2px solid var(--line);background:var(--jet);border-radius:0;height:40px;padding:0 12px}select{cursor:pointer;flex:1;min-width:0}.go{background:var(--bone);border-color:var(--bone);color:var(--jet);cursor:pointer;padding:0 20px;font-weight:500}:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--bone);outline-offset:2px}p{margin:8px 0 0}.files{margin:24px 0 0;padding:0;list-style:none}.files li{border-bottom:1px solid var(--line);background:linear-gradient(var(--bone), var(--bone)) left bottom / calc(var(--p,0) * 100%) 2px no-repeat;align-items:center;gap:16px;height:44px;display:flex}.name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.files a{text-underline-offset:3px;text-decoration:underline}.x{color:var(--ash);cursor:pointer;background:0 0;border:0;width:24px;padding:0;font-size:18px}.x:hover{color:var(--bone)}footer{text-align:center;padding:24px 16px}footer a{color:var(--ash);text-decoration:none}footer a:hover{color:var(--bone)}@media (width<=480px){.bar{flex-wrap:wrap}.go{flex-basis:100%}}
