:root{font-family:Arial,sans-serif;color:#173b36;background:#f3eee2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #b5bfb3;background:transparent;color:inherit;border-radius:5px;padding:10px 13px}button:hover{background:#dce5d7}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b94721;outline-offset:2px}.app{min-height:100vh}header{display:flex;justify-content:space-between;padding:22px 4vw;border-bottom:1px solid #c9cbbd}.brand{font-size:25px;color:inherit;text-decoration:none;font-weight:800}.brand span,.pill,.eyebrow{font:11px monospace;letter-spacing:2px}.pill{border:1px solid;padding:8px;border-radius:20px}.intro{padding:45px 4vw 30px;position:relative;border-bottom:1px solid #c9cbbd}.intro h1{font:clamp(48px,6vw,82px)/.96 Georgia,serif;letter-spacing:-3px;margin:20px 0}.intro h1 em{font-weight:400;color:#b44d31}.intro sup{font:12px monospace;letter-spacing:0;margin-left:18px}.intro>p:not(.eyebrow){max-width:450px;line-height:1.6}.toolbar{display:flex;gap:9px;position:absolute;right:4vw;bottom:36px}.workspace{display:grid;grid-template-columns:minmax(300px,30%) 1fr}.workspace>aside{padding:30px 3vw 35px 4vw;border-right:1px solid #c9cbbd}.workspace h2{font:28px Georgia,serif;overflow-wrap:anywhere}label{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:12px}input,select,textarea{background:#fff9ed;border:1px solid #b5bfb3;border-radius:4px;padding:7px;min-width:0}input{max-width:100%}.bands{display:flex;gap:4px;margin:20px 0 12px}.bands button{padding:8px;flex:1;font-size:11px}.bands i{display:block;height:16px;margin-bottom:6px}.selected{background:#173b36!important;color:#fff!important}.note{font-size:11px;line-height:1.65;color:#62746a}.depth-grid{display:grid;grid-template-columns:repeat(32,1fr);aspect-ratio:4/3;margin:15px 0;gap:1px;background:#839185;padding:3px}.depth-grid button,.texture button{border:0;border-radius:0;padding:0;min-height:0;aspect-ratio:1}.depth-grid button:hover,.texture button:hover{outline:2px solid #fa7c49;z-index:1}.texture{display:grid;grid-template-columns:repeat(8,1fr);width:180px;gap:2px;margin-bottom:15px}.spaced{margin-top:38px}.stage{padding:30px 4vw}.stage-head{display:flex;align-items:center;justify-content:space-between}.stage-head span{font:10px monospace}.tabs{display:flex;gap:8px;margin:15px 0}.art{background:#d5dbc9;padding:35px;display:grid;place-items:center;border:1px solid #abb8a5}.art img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;image-rendering:pixelated;aspect-ratio:4/3}.caution{display:flex;gap:20px;align-items:center;border-bottom:1px solid #bbc5b6;padding:16px 0}.caution strong{font:10px monospace;color:#a94327;white-space:nowrap}.caution p{font-size:12px;line-height:1.6;max-width:500px}.stats{display:flex;justify-content:space-between;gap:10px;padding:24px 0}.stats b{font:26px Georgia,serif;display:block}.stats span{font:10px monospace}.exports{display:flex;gap:8px;flex-wrap:wrap}.primary{background:#173b36;color:#fff}.stage details{margin-top:28px}.stage svg{width:100%;background:#e3e8d8;border-radius:4px}summary{cursor:pointer;font-size:13px;padding:10px 0}.project{border-top:1px solid #c9cbbd;padding:25px 4vw}.project textarea{width:100%;height:220px;font:12px monospace}.project button{margin:8px 8px 8px 0}.project p{font-size:12px;line-height:1.6}.danger{color:#a94327}.project [role=status]{padding:12px;background:#e2e8d9}footer{background:#173b36;color:#f3eee2;padding:30px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:30px;font:11px monospace;line-height:1.8}footer small{display:block;max-width:600px;color:#bccdbd}footer button{color:inherit;font:10px monospace;margin:0 6px 8px 0}footer button:hover{color:#173b36}@media(max-width:850px){.toolbar{position:static;flex-wrap:wrap}.workspace{grid-template-columns:1fr}.workspace>aside{border-right:0;border-bottom:1px solid #c9cbbd}.depth-grid{max-width:480px}.stage{padding:25px 4vw}.art{padding:18px}footer{grid-template-columns:1fr}.brand span{letter-spacing:0}.pill{font-size:9px}.caution{display:block}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.focus .intro,.focus .project,.focus footer,.focus .workspace>aside{display:none}.focus .workspace{display:block}.focus .stage{min-height:calc(100vh - 85px)}.focus .art img{max-height:70vh}.focus .stage{max-width:1200px;margin:auto}