:root{font-family:Arial,Helvetica,sans-serif;color:#282b29;background:#efece3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #28352f;background:#273d33;color:#fffef5;padding:12px 15px;border-radius:2px;font-size:.85rem;font-weight:600;transition:background .2s,transform .2s}button:hover{background:#42604f;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button.quiet{color:#273d33;background:transparent}button.quiet:hover{background:#e2e0d4}button.accent{background:#c64c32;border-color:#c64c32}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #df693e;outline-offset:3px}input,select{min-width:0;padding:8px;border:1px solid #acae9c;background:#f9f7ef;color:#273d33}label{display:flex;flex-direction:column;gap:7px;font-size:.75rem;font-weight:600}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #babcad;padding:20px 36px}.brand{text-decoration:none;color:inherit;font-weight:900;font-size:1.5rem;line-height:.95}.brand small{font-size:.6rem;letter-spacing:.13em}.tag,.edition{font-size:.65rem;letter-spacing:.1em;line-height:1.5}.edition{text-align:right}main{padding:30px 36px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px 40px}.intro{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:0 30px}.eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.15em;grid-column:1/-1}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.4rem,4.5vw,4.7rem);line-height:1;letter-spacing:-.04em;margin:8px 0 18px}h1 em{font-weight:400;color:#c65036}.intro>p:not(.eyebrow){align-self:center;max-width:380px;color:#687064;line-height:1.6;font-size:1rem}.steps{grid-column:1/-1;display:flex;gap:25px;border-top:1px solid #babcad;padding-top:16px;margin-top:10px}.steps span{font-size:.65rem;letter-spacing:.15em;color:#828779}.steps .on{color:#c65036;font-weight:900}.controls{display:flex;flex-direction:column;gap:12px;border-right:1px solid #c8c9ba;padding-right:25px}h2{font-size:.95rem;font-weight:600;margin:0 0 6px}.micro{font-size:.72rem;line-height:1.6;color:#677165;margin:4px 0}.check{flex-direction:row;align-items:center;font-weight:400;line-height:1.4}.file input{max-width:100%;font-size:.65rem;padding:7px}.stage{min-width:0}.stagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stagehead>span{font-size:.65rem;letter-spacing:.15em}.stagehead label{flex-direction:row;align-items:center}.triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}figure{margin:0;min-width:0}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background-color:#deded2;background-image:linear-gradient(45deg,#c8cbbc 25%,transparent 25%),linear-gradient(-45deg,#c8cbbc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8cbbc 75%),linear-gradient(-45deg,transparent 75%,#c8cbbc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border:1px solid #b4b9a9}figcaption{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;padding:12px 0;line-height:1.5}.receipt{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #c8c9ba;margin-top:15px;padding:20px 0}.receipt strong{font-family:Georgia,serif;font-size:1.6rem;line-height:1.2;font-weight:400}.receipt p{max-width:330px;font-size:.8rem;line-height:1.6;margin:0;color:#677165}.exports{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.editor{display:grid;grid-template-columns:minmax(200px,1fr) 230px;gap:24px}.editor canvas{touch-action:none}.tools{display:flex;flex-direction:column;gap:10px}.tools p{font-size:.8rem;line-height:1.5;margin:0 0 8px;color:#677165}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fields input{width:100%}.handoff{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #aab19e;background:#e1e4d7}.seal{font-size:5rem;color:#c65036;animation:breathe 4s ease-in-out infinite}.handoff h2{font:2.5rem Georgia,serif}.handoff p{max-width:360px;line-height:1.6;padding:0 12px;font-size:.85rem}footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;border-top:1px solid #babcad;padding:14px 36px;font-size:.7rem}footer>p{flex:1;min-width:250px}footer details{max-width:650px;line-height:1.6}footer details button{padding:6px;font-size:.7rem;margin-right:7px}footer>span{color:#677165}.app{min-height:100dvh}summary{cursor:pointer}@keyframes breathe{50%{transform:rotate(12deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:900px){main{grid-template-columns:190px minmax(0,1fr);gap:20px}.editor{grid-template-columns:1fr}.tools{max-width:100%}.triptych{gap:6px}.receipt{display:block}.receipt p{margin-top:12px}}@media(max-width:600px){header{padding:18px}.tag{display:none}main{padding:20px;display:flex;flex-direction:column}.intro{display:block}.intro>p:not(.eyebrow){font-size:.85rem}.controls{border-right:0;border-bottom:1px solid #c8c9ba;padding:0 0 22px;display:grid;grid-template-columns:1fr 1fr}.controls h2,.controls .micro,.controls .file{grid-column:1/-1}.stage{min-height:300px}footer{padding:18px}.receipt strong{font-size:1.3rem}.triptych{grid-template-columns:repeat(3,minmax(0,1fr))}figcaption{font-size:.52rem}}