:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#25392f;background:#f4f0e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:40px}header{position:relative;border-bottom:1px solid #b9c1b2;padding-bottom:32px;max-width:1100px}.eyebrow{font-size:12px;letter-spacing:3px;color:#5b7665}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,6vw,82px);line-height:1.05;margin:24px 0}h1 em{color:#b95f3f}p{line-height:1.6;max-width:760px}button,.file{border:1px solid #a6b1a1;padding:11px 16px;border-radius:5px;background:#fffdf6;color:#25392f;font:inherit;cursor:pointer}button:hover,.file:hover{background:#e0e9d9}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c35f3a;outline-offset:3px}nav,.actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.file{font-size:13px}.file input{display:block;max-width:210px;margin-top:8px}.status{padding:12px 16px;background:#e4e9da;max-width:none;border-left:3px solid #59795f;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:32px}h2{font-size:19px;font-weight:500}h2 span{font:12px monospace;margin-right:10px;color:#b95f3f}.assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}article{padding:16px;background:#fffdf8;border:1px solid #dddcd0;border-radius:9px;min-width:0}article.selected{border:2px solid #577d61}article>button{max-width:100%;overflow-wrap:anywhere}.proof{display:grid;grid-template-columns:1fr 1fr;gap:12px}figure{margin:18px 0}img{width:100%;image-rendering:pixelated;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/12px 12px;aspect-ratio:1;object-fit:contain;border-radius:4px}figcaption,small{font-size:12px;color:#617263;display:block;margin-top:7px}aside{background:#e9ecdf;padding:22px;border-radius:8px;min-width:0}.role{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #cbd2c2;overflow-wrap:anywhere}.role span{flex:1;min-width:0}.role input{width:42px;height:42px;flex:none}.role code{font-size:12px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numbers input{width:100%;padding:10px;border:1px solid #a6b1a1;border-radius:4px}.numbers label{font-size:12px}aside button{margin:5px 5px 0 0}.author{margin-top:40px;padding-top:20px;border-top:1px solid #b9c1b2}textarea{width:100%;height:290px;resize:vertical;font:13px/1.5 ui-monospace,monospace;padding:20px;border:1px solid #b9c1b2;background:#fffdf8;color:#25392f;border-radius:8px}.primary{background:#2f5944;color:#fff}footer{margin-top:35px;padding:24px;background:#e6e8dc;border-radius:8px}footer button{margin:4px}@media(max-width:760px){main{padding:20px}.workspace,.assets{grid-template-columns:1fr}.role{flex-wrap:wrap}header{padding-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}