:root{font-family:Arial,sans-serif;color:#173d36;background:#f0ede1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:3vw 5vw}header{position:relative;border-bottom:1px solid #b2b8a3;padding-bottom:2rem}.eyebrow{font-size:11px;letter-spacing:.3em;color:#b14d2c}h1{font-size:clamp(42px,6vw,90px);font-weight:400;letter-spacing:-.065em;margin:15px 0}h1 em{font-family:Georgia,serif;font-weight:400}header>button{position:absolute;right:0;top:0}p{line-height:1.6;font-size:14px}h2{font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin-top:1.8rem}.workspace{display:grid;grid-template-columns:250px 1fr;gap:3vw}.boards{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.boards svg{width:100%;background:#f8f4e9;border-radius:50%}.pixels{display:grid;grid-template-columns:repeat(24,1fr);aspect-ratio:1;border:1px solid #c3c7b7;background:#fff}.pixels button,.pixels span{border:0;margin:0;padding:0;border-radius:0;min-height:0;aspect-ratio:1}.pixels button:focus-visible{outline:2px solid #ed812e;z-index:1}.pixels button:hover{box-shadow:inset 0 0 0 1px #e68740}.raster-pair{display:flex;gap:12px}.raster{width:50%}button,select,input{font:inherit}button{background:transparent;border:1px solid #a2b1a0;border-radius:2px;padding:10px 12px;color:inherit;cursor:pointer}button:hover{background:#d9dfca}button:disabled{opacity:.4;cursor:default}.primary{background:#173d36;color:#fff;width:100%;margin:14px 0}.primary:hover{background:#31594e}label{display:block;font-size:13px;margin:14px 0}select,input{display:block;width:100%;margin-top:7px;max-width:100%}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.small{font-size:11px;color:#56695e}.status{background:#dedfcd;padding:14px;border-left:3px solid #b84b28}.details{display:grid;grid-template-columns:1fr 1fr;gap:3vw}textarea{width:100%;height:260px;background:#faf8f0;color:#173d36;border:1px solid #b7bfaa;padding:12px;font:12px monospace}footer{margin-top:3rem;border-top:1px solid #b2b8a3;max-width:900px}footer p{font-size:12px}.ledger{max-height:260px;overflow:auto}table{width:100%;font-size:12px;text-align:left;border-collapse:collapse}td,th{border-bottom:1px solid #c3c7b7;padding:8px}.route{overflow-wrap:anywhere;font-family:monospace}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d16b35;outline-offset:2px}button{transition:background .15s}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:850px){.workspace,.details{grid-template-columns:1fr}.boards{gap:12px}header>button{position:static}.workspace aside{max-width:none}}@media print{aside,header>button,textarea,button,input,select,footer{display:none!important}main{padding:0}.workspace{display:block}.ledger{max-height:none;overflow:visible}.details{display:block}}