*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#243d42;font:16px/1.55 system-ui,sans-serif}header,footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4vw;border-bottom:1px solid #d9ded8}.brand{font-weight:750;letter-spacing:.1em;text-decoration:none;color:inherit}.brand span,.edition,.eyebrow,footer{font-size:11px;letter-spacing:.12em}.edition{align-self:center}main{max-width:1700px;margin:auto;padding:35px 4vw}.intro{padding:5px 0 30px}.eyebrow{font-weight:650;color:#697c79}h1{font-size:clamp(30px,4vw,50px);font-weight:500;letter-spacing:-.035em;margin:10px 0}p{margin:8px 0;color:#60716f}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}nav a{display:flex;gap:16px;padding:18px;border:1px solid #cdd6d1;border-radius:6px;text-decoration:none;color:inherit;background:#fff}nav a[aria-current]{background:#23494b;color:white;border-color:#23494b}nav small{opacity:.65}.sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 20px}h2{font-size:28px;font-weight:550;margin:3px 0}button,.button{font:inherit;font-size:14px;padding:11px 16px;border:1px solid #c5d0cb;background:#fff;color:#23494b;border-radius:5px;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:44px}button:hover,.button:hover{background:#e9efea}button:focus-visible,a:focus-visible,textarea:focus-visible,.viewport:focus-visible{outline:3px solid #b77735;outline-offset:3px}.canvas-shell{border:1px solid #ced5cf;border-radius:8px;overflow:hidden;background:#e2e5df}.toolbar{display:flex;gap:8px;padding:10px;background:#fdfdfb;align-items:center}.toolbar output{width:55px;text-align:center;font-size:13px}.viewport{height: min(72vh,950px);min-height:340px;position:relative;overflow:hidden;touch-action:none;cursor:grab}.viewport:active{cursor:grabbing}.art{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;user-select:none;box-shadow:0 3px 24px #253b4222}.instructions{font-size:12px;text-align:center;padding:8px;margin:0}.notes{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:34px 0}h3{font-size:23px;font-weight:500;margin:5px 0}.notes p{font-size:14px;max-width:300px}label{display:block;font-size:14px;margin-bottom:8px}textarea{width:100%;padding:15px;font:inherit;border:1px solid #c6d0c9;border-radius:6px;resize:vertical;background:#fff}.note-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}#save-status{font-size:12px;color:#60716f}footer{border-top:1px solid #d9ded8;border-bottom:0}.canvas-shell:fullscreen{display:flex;flex-direction:column}.canvas-shell:fullscreen .viewport{height:auto;flex:1} @media(max-width:700px){header{padding:18px 20px}.edition{display:none}main{padding:24px 16px}nav{grid-template-columns:1fr 1fr;gap:8px}nav a{padding:12px;font-size:13px;gap:10px}.sheet-heading{align-items:flex-start;flex-direction:column;gap:12px}.viewport{height:57vh;min-height:300px}.toolbar{gap:5px}.toolbar button{padding:9px 11px}.notes{grid-template-columns:1fr;gap:15px}.notes p{max-width:none}footer{flex-direction:column;padding:20px 16px}.intro{padding-bottom:22px}}