@import "https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap";:root{--blue:#458588;--purple:#b16286;--red:#cc241d;--orange:#d65d0e;--yellow:#d79921;--green:#98971a;--aqua:#689d6a;--fg:#ebdbb2;--gray:#a89984;--bg:#282828;--bg1:#3c3836;--border:#ebdbb233;--hinting:#689d6a33;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-monospace:"Iosevka","Nanum Gothic Coding","Fira Code","Jetbrains Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}html{font-family:var(--font-family-monospace);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:var(--bg);color:var(--fg)}.container{max-width:600px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{text-align:center;color:var(--yellow)}.drag-drop{border:2px dashed var(--border);text-align:center;background-color:var(--bg1);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;height:200px;padding:20px;display:flex}.drag-drop-text{color:var(--gray);text-align:center;margin-bottom:20px;font-size:16px}.extra-small-text{font-size:10px;font-style:italic}.file-input-label{display:none}.file-input-label+.file-input-display{color:var(--fg);margin-top:10px;font-size:14px}.file-input-label:hover{text-decoration:underline}.file-input-label input[type=file]{display:none}.drag-drop p{color:var(--gray)}.drag-drop input[type=file]{display:none}.drag-drop:hover{border-color:var(--yellow)}.form{margin-top:20px}label{color:var(--orange);margin-bottom:5px;display:block}input[type=number]{color:var(--fg);background-color:#3c3836;border:none;border-radius:4px;width:80px;padding:5px}input[type=number]:focus{box-shadow:0 0 3px var(--yellow);outline:none}button{background-color:var(--aqua);color:var(--bg);cursor:pointer;font-size:16px;font-family:var(--font-family-monospace);border:none;border-radius:4px;margin-top:10px;padding:10px 15px;transition:background-color .3s}button:hover{background-color:var(--green);font-family:var(--font-family-monospace)}hr{box-sizing:content-box;color:var(--gray);background-color:var(--gray);border:0;border-top:1px solid #0000001a;height:0;margin-top:1rem;margin-bottom:1rem;overflow:visible}a{color:var(--aqua);background-color:#0000;text-decoration:none}a:hover{color:var(--aqua);text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}
/*# sourceMappingURL=./index.59eabb9e.css.map */