@font-face{font-family:Finlandica;src:url('./fonts/Finlandica.ttf')}@font-face{font-family:Micro5;src:url('./fonts/Micro5-Regular.ttf')}
:root{color-scheme:dark;font-family:Finlandica,sans-serif;color:#f2f2f2;background:#080b0b}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}#viewport{position:fixed;inset:0}header,footer{position:fixed;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:24px}header{top:26px}header a{font:28px Micro5;color:#e69933;text-decoration:none}header span,.eyebrow{font-size:12px;letter-spacing:.18em;color:#949494}button,select,.file{font:15px Finlandica;border:1px solid #303c3c;border-radius:3px;background:#171d1de8;color:#f2f2f2;padding:10px 15px;cursor:pointer}button:hover,select:focus-visible,.file:hover{border-color:#e69933}#intro{position:fixed;left:5vw;top:23vh;max-width:260px;pointer-events:none}#intro h1{font:clamp(48px,6vw,88px)/.95 Micro5;margin:20px 0;color:#f2f2f2}#intro p:not(.eyebrow){font-size:22px;line-height:1.45;color:#949494}#xr-entry{pointer-events:auto;min-height:52px;margin-top:32px}#xr-entry button{position:static!important;width:auto!important;opacity:1!important;font:18px Finlandica!important;padding:12px 24px!important;background:#e69933!important;color:#080b0b!important;border:0!important}small{font-size:12px;color:#949494;display:block;max-width:240px;margin-top:10px}#tools{position:fixed;right:36px;top:24vh;width:190px;display:grid;gap:12px}#tools label select{display:block;margin-top:6px;width:100%}#input-status{font-size:13px;color:#949494;margin:0 0 10px;min-height:32px}.file{text-align:center}.file input{position:absolute;width:1px;height:1px;opacity:0}footer{bottom:26px;font-size:13px;color:#949494}footer #status{max-width:330px;text-align:right}body.clean header,body.clean #intro,body.clean #tools,body.clean footer{display:none}@media(max-width:850px){#intro{left:24px;top:15vh;max-width:170px}#intro h1{font-size:48px}#intro p:not(.eyebrow){font-size:17px}#tools{right:20px;top:auto;bottom:65px;width:160px;gap:6px}header,footer{left:20px;right:20px}header span,footer>span:first-child{display:none}footer{font-size:11px}#tools .eyebrow{display:none}}