@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#e8e5dc;background:#111312;font-family:DM Mono,monospace;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d7ff42;outline-offset:4px}.page-shell{width:min(1160px,calc(100% - 3rem));margin:0 auto;padding:1.45rem 0 4rem}.masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b403b;padding-bottom:1.35rem;color:#a9afa7;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.masthead p{margin:0}.wordmark{color:#e8e5dc;font-weight:500;letter-spacing:.16em;text-decoration:none}.hero{max-width:680px;padding:clamp(3.5rem,9vw,7rem) 0 3rem}.kicker,.step{color:#d7ff42;font-size:.68rem;font-weight:500;letter-spacing:.12em}.kicker{margin:0 0 1rem}h1,h2{margin:0;font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.055em}h1{font-size:clamp(3.6rem,9vw,7rem);line-height:.84}.lede{max-width:510px;margin:1.7rem 0 0;color:#a9afa7;font-size:.9rem;line-height:1.75}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr);border-top:1px solid #3b403b;border-bottom:1px solid #3b403b}.drawing-panel,.preview-panel{padding:1.3rem 0 1.7rem}.drawing-panel{padding-right:clamp(1.3rem,4vw,4rem)}.preview-panel{border-left:1px solid #3b403b;padding-left:clamp(1.3rem,4vw,4rem)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.1rem}.panel-heading>div{display:flex;align-items:baseline;gap:.8rem}.panel-heading h2{font-size:1.5rem}.drawing-help,.caption{margin:1rem 0 .85rem;color:#a9afa7;font-size:.72rem;line-height:1.6}.drawing-canvas{display:block;width:100%;aspect-ratio:1;border:1px solid #4f544f;background:#050607;touch-action:none;cursor:crosshair}.clear-button{padding:.55rem .7rem;border:1px solid #555b54;background:transparent;color:#e8e5dc;font-size:.68rem;transition:border-color .15s ease,background .15s ease}.clear-button:hover{border-color:#d7ff42;background:#293123}.preview-frame{display:grid;place-items:center;aspect-ratio:1;margin-top:1rem;border:1px solid #4f544f;background:#050607}.pixel-preview{width:82%;height:82%;image-rendering:pixelated;image-rendering:crisp-edges;background:#050607}.caption{max-width:245px}.predict-button{width:100%;margin-top:2rem;padding:.8rem;border:1px solid #d7ff42;background:#d7ff42;color:#17200b;font-size:.72rem;font-weight:500;transition:background .15s ease,color .15s ease}.predict-button:hover:not(:disabled){background:#efffae}.predict-button:disabled{cursor:not-allowed;border-color:#4f544f;background:transparent;color:#747a73}.prediction-result{min-height:3.7rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #3b403b;color:#a9afa7;font-size:.72rem;line-height:1.5}.prediction-result>span{display:block}.prediction-result strong{display:block;margin-top:.2rem;color:#d7ff42;font-family:Fraunces,Georgia,serif;font-size:2.25rem;line-height:1}.prediction-result p{margin:0;color:#ff978a}@media(max-width:680px){.page-shell{width:min(100% - 1.5rem,1160px)}.workspace{display:block}.drawing-panel{padding-right:0}.preview-panel{border-top:1px solid #3b403b;border-left:0;padding-left:0}.preview-frame{max-width:320px}}