.hudBookHeading{display:flex;gap:14px;align-items:center;margin:12px 0 24px}.hudBookHeading>span{font-size:44px}.hudBookHeading h2{margin:0}.hudBookHeading .hint{margin:8px 0;text-align:left}.hudBookGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hudBookCard{background:linear-gradient(155deg,#fff8bd,#ffd4e5);border:4px solid white;border-radius:25px;padding:12px 12px 18px;box-shadow:0 7px 0 #59458b40;text-align:left;color:#302750;cursor:pointer}.hudBookCard:nth-child(3n+2){background:linear-gradient(155deg,#baf5eb,#c9d5ff)}.hudBookCard:nth-child(3n){background:linear-gradient(155deg,#e5d6ff,#ffcbbd)}.hudBookThumb{position:relative;aspect-ratio:4/5;background:white;border-radius:15px;overflow:hidden;margin-bottom:10px}.hudBookThumb img{width:100%;height:100%;object-fit:contain;display:block}.hudBookCard b{font-size:24px;display:block}.hudBookCard>span{display:block;font-size:16px;margin:2px 0 7px}.hudBookCard small{display:block;font-size:14px;line-height:1.4}.hudBookSaved{position:absolute;bottom:8px;left:8px;background:#fce063;border-radius:20px;padding:5px 10px;font-size:13px;font-weight:800}.hudBookPageHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hudBookPageHeading h2{margin:8px 0}.hudBookPageHeading>span{font-weight:800;color:#58458b}.hudBookPalette{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:center;margin:18px 0}.hudBookPalette button{width:43px;height:43px;border-radius:50%;background:var(--swatch);border:3px solid #fff;box-shadow:0 2px 0 #37264e44;cursor:pointer}.hudBookPalette button[aria-pressed=true]{outline:3px solid #453180;outline-offset:2px}.hudBookPalette button:focus-visible{outline:4px solid #17113d;outline-offset:3px}.hudBookCustom{position:relative;width:54px;height:43px;border:2px solid #c4b5e6;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;background:#fff;color:#453180;overflow:hidden}.hudBookCustom input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.hudBookTools,.hudBookActions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:14px 0}.hudBookTools button,.hudBookActions button,.hudBookTools select,#hudBookLoading button{min-height:44px;padding:10px 14px;border:2px solid #bba5e5;border-radius:13px;background:#fff;color:#38245e;font-size:16px;font-weight:800;cursor:pointer}.hudBookTools button[aria-pressed=true]{background:#ffe471;border-color:#c99537}.hudBookTools label{display:flex;gap:7px;align-items:center;font-size:14px;color:#453180}.hudBookActions button{background:#efe5ff}.hudBookActions button:last-child{background:#ffdc70}.hudBookActions button:disabled{opacity:.45;cursor:default}.hudBookCanvasWrap{position:relative;max-width:576px;margin:14px auto;border:5px solid #fff;border-radius:18px;box-shadow:0 8px 0 #58458b35;overflow:hidden;background:#fff}#hudBookCanvas{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair;background:#fff}#hudBookLoading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:24px;background:#fffaf0;color:#453180;font-size:18px}.hudBookStatus{min-height:24px;text-align:center;font-size:14px;color:#514763}.hudBookEntry{display:flex;gap:16px;align-items:center;width:100%;padding:22px;margin:18px 0;background:linear-gradient(110deg,#ffde62,#ffa6c3 60%,#c3b0ff);border:4px solid white;border-radius:26px;box-shadow:0 7px 0 #7c548047;color:#362449;text-align:left;cursor:pointer}.hudBookEntry>span{font-size:42px}.hudBookEntry b{display:block;font-size:24px}.hudBookEntry small{display:block;font-size:16px;margin-top:6px}@media(max-width:600px){.hudBookGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hudBookCard{padding:8px 8px 14px;border-radius:20px}.hudBookCard b{font-size:22px}.hudBookHeading h2{font-size:25px}.hudBookPalette{gap:9px}.hudBookPalette button{width:38px;height:38px}.hudBookTools button,.hudBookActions button{font-size:14px;padding:10px}.hudBookTools label{width:100%;justify-content:center}.hudBookEntry{padding:18px}.hudBookEntry b{font-size:22px}.hudBookPageHeading h2{font-size:27px}}