body{background:#f6f0e7;color:#433b41}header{background:#fffcf6;border-color:#e4d9d0}.eyebrow{color:#966247}small,.muted,.help{color:#776872}.layout{grid-template-columns:minmax(260px,560px) minmax(310px,1fr);max-width:1100px;margin:auto;align-items:start}.board{background:#e9ddcc;border-radius:15px;padding:8px}.board canvas{max-height:780px;object-fit:contain;background:#e9ddcc}.board p{padding:8px}.panel{background:#fffcf6;border-color:#e4d9d0}button,select{background:#fffaf3;color:#50454c;border-color:#ddcec6}button:hover{background:#efe5da}button[aria-pressed=true],button.primary{background:#416b60;color:#fff;border-color:#416b60}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.categories button{padding:8px}.items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.items button{padding:6px;font-size:12px;line-height:1.2}.items canvas{width:100%;max-width:96px;margin:auto;background:transparent;aspect-ratio:1;border-radius:0}.items button[aria-pressed=true]{background:#e0eee5;color:#284b40;border:2px solid #416b60}.saved{border-top:1px solid #e4d9d0;padding-top:12px}.saved h2{font-size:16px}.saved .row{margin-top:8px}.saved .row span{min-width:48px}#tints button{font-size:12px;padding:8px}#status{color:#416b60;font-size:14px;min-height:30px;padding:0}#storage{color:#985221}details{border-color:#e4d9d0}dialog{background:#fffcf6;color:#433b41}dialog::backdrop{background:#30263299}@media(max-width:760px){.layout{grid-template-columns:1fr}.board{max-width:460px;width:100%;margin:auto}.board canvas{max-height:540px}.panel{width:100%}.items{grid-template-columns:repeat(5,minmax(0,1fr))}.items button{font-size:11px;overflow-wrap:anywhere}.categories{grid-template-columns:repeat(6,minmax(0,1fr))}.categories button{font-size:12px;padding:6px}.row{gap:5px}}