:root{--ground: #f6f4ef;--ink: #2f3a45;--soft: #5d6b78;--accent: #f4978e;--accent-dark: #b8534a;--sky: #9ad0ec;--mint: #b8e0c8;--paper: #fffdf8;--thermal: #241f1c;color:var(--ink);background:var(--ground);font-family:"M PLUS Rounded 1c",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px}body{min-height:100vh;margin:0;background-color:var(--ground);background-image:radial-gradient(circle at 12% 8%,rgb(154 208 236 / 42%),transparent 46%),radial-gradient(circle at 88% 4%,rgb(244 151 142 / 30%),transparent 40%),radial-gradient(circle at 78% 72%,rgb(184 224 200 / 34%),transparent 44%);background-attachment:fixed}a{color:var(--accent-dark)}a:hover{color:var(--ink)}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--sky);outline-offset:3px}main{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto;padding:6px 0 40px}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.hack-club-mark{display:block;margin-left:0;line-height:0}.hack-club-mark img{display:block;width:clamp(132px,16vw,182px);height:auto}.back-link{color:var(--soft);font:700 13px/1 Courier Prime,monospace;text-decoration:none}.back-link:hover{color:var(--accent-dark)}.intro{max-width:44ch;margin-top:clamp(14px,3vw,30px);text-align:center}h1{max-width:20ch;margin:0 auto;font-family:Unkempt,system-ui,cursive;font-size:clamp(30px,5vw,50px);font-weight:700;letter-spacing:-1px;line-height:1.02;text-wrap:balance}.intro p{margin:14px 0 0;color:var(--soft);font-size:16px;font-weight:500;line-height:1.7;text-wrap:pretty}code{color:var(--accent-dark);font-family:Courier Prime,monospace;font-weight:700}.status-bar{display:none;align-items:center;gap:8px;width:min(384px,88vw);min-height:20px;margin-top:12px;color:var(--soft);font:12px/1.2 Courier Prime,monospace}.status-dot{width:8px;height:8px;border-radius:50%;background:#dda93e}.status-dot.ok{background:#5e9b73}.status-dot.bad{background:var(--accent-dark)}.dimensions{margin-left:auto;font-size:11px}.workspace{position:relative;width:min(384px,88vw);margin-top:clamp(18px,3vw,30px)}.receipt-shell{position:relative;z-index:1;filter:drop-shadow(0 16px 18px rgb(45 58 69 / 20%))}#canvas-host{line-height:0;background:#fff}#canvas-host canvas{display:block;width:100%!important;height:auto!important;image-rendering:pixelated}.paper-end{height:13px;background:#fff;clip-path:polygon(0 0,100% 0,100% 20%,97% 100%,93% 24%,89% 100%,84% 22%,79% 100%,74% 25%,69% 100%,64% 20%,58% 100%,52% 22%,47% 100%,42% 25%,37% 100%,32% 22%,27% 100%,21% 25%,16% 100%,11% 22%,6% 100%,0 25%)}.error-card{width:100%;margin:0 0 24px;padding:16px 18px;border:2px solid var(--accent-dark);color:#76261f;background:#ffe1dc;font:14px/1.55 Courier Prime,monospace}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:clamp(26px,4vw,40px)}.controls label{color:var(--soft);font:700 12px/1 Courier Prime,monospace;letter-spacing:.08em}input,button{min-height:44px;border:2.5px solid var(--ink);border-radius:9px;color:var(--ink);background:var(--paper)}input{width:110px;padding:0 12px;font-family:Courier Prime,monospace;font-weight:700}input:disabled{color:var(--soft);background:#fffdf8ad}button{cursor:pointer;font-weight:700;transition:transform .1s ease}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(2px)}button:disabled{cursor:not-allowed;opacity:.5}.icon-button{min-width:44px;padding:0 14px;background:var(--mint);font-size:17px}.export-button{min-height:48px;margin-left:6px;padding:0 24px;background:var(--accent);color:var(--thermal);font-family:Unkempt,system-ui,cursive;font-size:18px}.submit-button{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:2.5px solid var(--ink);border-radius:9px;color:var(--ink);background:var(--mint);font-family:Unkempt,system-ui,cursive;font-size:18px;font-weight:700;text-decoration:none;transition:transform .1s ease}.submit-button:hover{transform:translateY(-2px)}.submit-button:active{transform:translateY(2px)}.submit-button.ready{border-color:var(--accent-dark);box-shadow:0 0 0 4px #b8534a38}.editor-signoff{max-width:46ch;margin:clamp(40px,6vw,70px) 0 0;color:var(--soft);font:13px/1.8 Courier Prime,monospace;text-align:center}.editor-signoff a{font-weight:700}@media(max-width:480px){main{width:min(100% - 24px,1000px)}.back-link{font-size:11px}.controls{gap:9px}.export-button{width:100%;margin-left:0}.submit-button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}