:root{font-family:Arial,sans-serif;color:#333c2c;background:#ececdf;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto;padding:44px}header{border-top:3px solid #48543b;padding-top:18px;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.25em}h1{font:56px/1.02 Georgia,serif;letter-spacing:-2px;margin:22px 0}h1 em{font-weight:400;color:#72815a}p{line-height:1.6;font-size:14px;max-width:760px}h2{font-size:13px;text-transform:uppercase;letter-spacing:.13em;margin:24px 0 12px}.actions{display:flex;flex-wrap:wrap;gap:7px}button,select{font:inherit;font-size:13px;background:#f7f5e9;border:1px solid #9fa78e;border-radius:4px;padding:10px;cursor:pointer;color:inherit}button:hover{background:#e3e7cd}button:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b36936;outline-offset:3px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px}aside{border-top:1px solid #9fa78e}aside p{font-size:12px}.grow{background:#526343;color:#fff;margin-right:6px}select{display:block;width:100%;margin-top:8px}label{font-size:12px}.specimen{background:#f7f3e5;padding:22px;box-shadow:0 5px 25px #323b2215;border:1px solid #b5bba4}.boardlabel,.caption{display:flex;justify-content:space-between;font-family:Georgia,serif;padding:8px 0}.boardlabel span+span,.caption span{font:10px Arial,sans-serif;letter-spacing:.1em}.specimen svg{display:block;width:100%;aspect-ratio:1;touch-action:none;background:#e9ecd8}.caption{border-top:1px solid #b5bba4;margin-top:12px;font-size:12px}.editor{margin-top:35px;border-top:1px solid #9fa78e}textarea{width:100%;height:320px;background:#faf8ee;color:#333c2c;border:1px solid #a7af97;padding:16px;font:13px/1.5 monospace;resize:vertical;margin-bottom:12px}.editor button{margin-right:8px}dt{font-size:11px;color:#6e765f;margin-top:14px}dd{margin:4px 0;font-size:13px}footer{border-top:1px solid #9fa78e;margin-top:30px;padding:24px 0;font-size:12px;line-height:1.7}details{margin-top:12px}summary{cursor:pointer}@media(max-width:850px){main{padding:20px}.workspace{grid-template-columns:1fr}aside{order:2}h1{font-size:44px}.specimen{padding:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}:fullscreen{background:#ececdf;overflow:auto}