:root{--black:#101010;--lime:#e8ee42;--orange:#ff6846;--paper:#f8f5ec;--mono:'Roboto Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--black);font-family:var(--sans)}.shell{max-width:820px;margin:auto;padding:16px}.masthead{border:3px solid var(--black);padding:18px;background:var(--lime)}.eyebrow,.timebar,footer,.desk-head,.note,.print-note{font:700 11px/1.25 var(--mono);letter-spacing:.02em}.masthead h1{margin:12px 0 0;font-size:clamp(65px,19vw,142px);line-height:.74;letter-spacing:-.1em;font-weight:800}.lede{max-width:500px;font-size:clamp(18px,3vw,27px);line-height:1.08;margin:28px 0 18px;font-weight:700}.timebar{border-top:2px solid var(--black);padding-top:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:16px 0}.tile{min-height:245px;padding:16px;border:3px solid var(--black);margin:-3px 0 0 -3px;display:flex;flex-direction:column}.tile span{font:700 12px var(--mono)}.tile h2{font-size:clamp(31px,5.3vw,49px);line-height:.83;letter-spacing:-.07em;margin:25px 0 auto}.tile p{font-size:14px;line-height:1.28;margin:20px 0 0}.black{background:var(--black);color:var(--paper)}.lime{background:var(--lime)}.orange{background:var(--orange)}.desk,.result{border:3px solid var(--black);padding:18px;margin-top:16px;background:white}.desk-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--black);padding-bottom:10px}.desk h2{font-size:clamp(35px,8vw,64px);line-height:.82;letter-spacing:-.08em;margin:22px 0}.desk>p{max-width:570px;font-size:17px;line-height:1.25}.amounts{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 5px}.amount,button{font:700 12px var(--mono);border:2px solid var(--black);padding:11px 12px;background:white;cursor:pointer}.amount.selected,.primary{background:var(--black);color:white}.note{margin:0 0 20px}.pick{height:180px;border:3px dashed var(--black);display:flex;align-items:center;justify-content:center;font:700 23px var(--mono);cursor:pointer;background:var(--lime)}.pick input{display:none}.crop-wrap{margin-top:16px}.crop-wrap canvas{width:100%;height:auto;display:block;border:3px solid var(--black);touch-action:none;background:#ddd}.crop-wrap p{font:700 11px var(--mono)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.plain{background:var(--paper)}.hidden{display:none!important}.result{background:var(--paper)}#strip{display:block;width:min(100%,576px);height:auto;margin:16px auto;border:2px solid var(--black);image-rendering:pixelated;background:#fff}.print-note{max-width:576px;margin:14px auto 0}footer{border-top:2px solid var(--black);margin:18px 0 4px;padding:10px 0;display:flex;justify-content:space-between}@media(max-width:620px){.shell{padding:9px}.masthead,.desk,.result{padding:14px}.grid{grid-template-columns:1fr}.tile{min-height:180px}.tile h2{margin:16px 0}.pick{height:150px}.timebar{display:block}.timebar span{display:block;margin-top:6px}}