*{box-sizing:border-box}body{margin:0;background:#f6f4ee;color:#242923;font:16px/1.5 system-ui,sans-serif;display:grid;grid-template-columns:380px minmax(0,1fr);height:100vh}aside{padding:30px;overflow:auto;border-right:1px solid #d4d2c9}h1{font:36px/1.1 Georgia,serif;margin:20px 0 32px}a{color:inherit}label{display:block;margin:18px 0 6px;font-weight:500}select,input,textarea,button{font:inherit;max-width:100%;border:1px solid #a3a69d;background:#fff;color:inherit;border-radius:2px;padding:10px}select,input,textarea{width:100%}button{cursor:pointer;min-height:44px}button:disabled{opacity:.45;cursor:default}p{font-size:14px}details{border-top:1px solid #ccc;margin-top:24px;padding-top:20px}summary{cursor:pointer;min-height:44px}main{position:relative;min-width:0;background:#e7e4dc}#canvas{position:absolute;inset:0}canvas{display:block;max-width:100%}.toolbar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;background:#fff;gap:3px;padding:5px;max-width:96%;white-space:nowrap}.toolbar button{border:0;padding:8px}.caption{position:absolute;bottom:88px;left:20px;right:20px;text-align:center;font-size:12px;color:#454940;pointer-events:none}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:11px;margin-top:28px}#recovery{color:#485a46}#workshop{margin-top:24px}@media(max-width:700px){body{display:flex;flex-direction:column;height:auto}main{height:54vh;min-height:300px;order:-1;position:sticky;top:0;z-index:2}aside{overflow:visible;padding:24px;border:0}h1{font-size:30px}.toolbar{bottom:10px}.caption{bottom:65px;font-size:10px}}