:root{font-family:system-ui,sans-serif;color:#23352b;background:#f2f0e7;font-size:15px}*{box-sizing:border-box}body{margin:0}header{padding:24px 5vw;border-bottom:1px solid #cbd0bf;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;letter-spacing:.08em}.brand small{display:block;font-weight:500;font-size:10px;margin-top:4px}#offline,.eyebrow{font-size:12px;color:#526b46}main{max-width:1440px;margin:auto;padding:32px 5vw;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:32px}h1{font-size:clamp(26px,3vw,42px);margin:8px 0 24px}h2{font-size:18px;margin-top:0}canvas{width:100%;background:#e0e5d3;border:1px solid #b8c3a9;border-radius:12px;touch-action:none}section{margin-bottom:24px}aside section{background:#faf9f4;border:1px solid #d1d5c6;border-radius:12px;padding:20px}p{line-height:1.6;color:#60705f;font-size:13px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}button,select,input{font:inherit;border:1px solid #a8b69c;border-radius:6px;padding:9px;background:#fafbf5;color:#23352b;max-width:100%}button{cursor:pointer}button:hover{background:#e1ebd6}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5c814b;outline-offset:3px}#save{background:#365e39;color:white}label{display:block;margin:8px 0}label input{display:block;width:100%;margin-top:5px}ul{list-style:none;padding:0}li{border-top:1px solid #d1d5c6;padding:10px 0}li .toolbar{margin-bottom:0}#status{color:#264627;min-height:42px}@media(max-width:850px){main{grid-template-columns:1fr;padding:24px 4vw}header{padding:18px 4vw}aside{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}}