.header-board{position:relative;width:330px;max-width:100%;flex:none;z-index:1}
.header-board canvas{width:100%;aspect-ratio:20/7;display:block;touch-action:none;cursor:crosshair}
.header-board canvas[hidden],.header-board-tools[hidden],.header-board-fallback[hidden]{display:none}
.header-board-fallback img{width:330px;height:auto}
.header-board-tools{display:flex;gap:4px;justify-content:flex-end;margin:-2px 0 10px}
.header-board-tools button{display:grid;place-items:center;width:30px;height:26px;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--muted)}
.header-board-tools button svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-board-tools button[aria-pressed="true"]{color:var(--ink);border-color:var(--line)}
.header-board-tools button:hover{color:var(--ink);background:var(--hover)}
.header-board-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:540px){.header-board{width:min(220px,calc(100vw - 120px))}.header-board-tools button{width:30px;height:28px}}