.pb{max-width:1200px;margin:0 auto}.pb-head{margin-bottom:2rem}.pb-head h1{font-family:var(--font-display);font-size:var(--size-mega);margin:0 0 .5rem}.pb-head .lead{font-family:var(--font-vollkorn);font-size:var(--size-medium);color:var(--text-muted);max-width:46ch;margin:0}.pb-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}@media(max-width:900px){.pb-grid{grid-template-columns:1fr}}.pb-panel{position:sticky;top:1.5rem;background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:1.1rem;font-family:var(--font-ui);font-size:var(--size-small)}.pb-panel h2{font-family:var(--font-ui);font-size:var(--size-small);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:1.4rem 0 .7rem}.pb-panel h2:first-child{margin-top:0}.fld{display:block;margin-bottom:.6rem}.fld span{display:block;color:var(--text-muted);margin-bottom:.25rem}.fld input,.fld select{width:100%;padding:.4rem .5rem;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:7px}.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.chk{display:flex;gap:.45rem;align-items:center;margin-bottom:.35rem;cursor:pointer}.pb-panel button{font:inherit;cursor:pointer;padding:.45rem .7rem;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.pb-panel button:hover{border-color:var(--accent);color:var(--accent)}.cta{width:100%;margin-top:.9rem;background:var(--text)!important;color:var(--card-bg)!important;border-color:var(--text)!important;padding:.6rem!important}.cta:hover{opacity:.88}.cta.ghost{margin-top:.4rem;background:var(--bg)!important;color:var(--text)!important;border-color:var(--line)!important}.cta.ghost:hover{border-color:var(--accent)!important;color:var(--accent)!important;opacity:1}.acts{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.drop{border:1px dashed var(--line);border-radius:9px;padding:.9rem;text-align:center}.drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.drop .hint{margin:.4rem 0 0;color:var(--text-muted)}.pool{display:flex;flex-wrap:wrap;gap:5px;margin-top:.6rem}.pool figure{position:relative;width:52px;height:52px;margin:0;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:grab}.pool figure.sel{border-color:var(--accent)}.pool figure.used:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 55%,transparent)}.pool img{width:100%;height:100%;object-fit:cover;display:block}.status{margin:.6rem 0 0;color:var(--text-muted)}.warns{margin:.5rem 0 0;padding-left:1rem;color:var(--accent)}.warns li{margin-bottom:.25rem}.note{margin:.2rem 0 0;color:var(--text-muted);line-height:1.4}.how{margin:.7rem 0 0;padding-left:1rem}.how li{margin-bottom:.35rem}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;font-family:var(--font-ui);font-size:var(--size-small);color:var(--text-muted)}.pager button{font:inherit;font-size:1.3rem;line-height:1;width:2rem;height:2rem;cursor:pointer;border:1px solid var(--line);border-radius:50%;background:var(--card-bg);color:var(--text)}.pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pager button:disabled{opacity:.35;cursor:default}.cell-size{margin:-.6rem 0 1.2rem;text-align:center;font-family:var(--font-ui);font-size:var(--size-small);color:var(--text-muted)}.pb-book #book{overflow-x:auto;overscroll-behavior-x:contain}.spread{margin-bottom:2rem}.pages{display:flex;gap:8px;justify-content:center;width:fit-content;margin:0 auto}.page{position:relative;color:var(--text)}.page .m-title{position:absolute;font-family:var(--font-display);line-height:1.15}.page .m-title.vert{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:flex-start;justify-content:flex-start;white-space:nowrap}.page .m-wd{position:absolute;font-family:var(--font-ui);text-align:center;color:var(--text-muted);line-height:1}.cell{position:absolute;overflow:hidden}.cell.round,.cell.round img{border-radius:8%}.cell.empty{outline:1px solid var(--line)}.cell.over{outline:2px solid var(--accent)}.cell img{position:absolute;top:50%;left:50%;object-fit:cover;display:block}.page .num{position:absolute;font-family:var(--font-ui);line-height:1;color:var(--text);cursor:pointer;z-index:1}.page .num.light{color:#fff}.cell .rm,.cell .rot{position:absolute;top:2px;width:17px;height:17px;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;font:inherit;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;z-index:2}.cell .rm{right:2px}.cell .rot{right:22px;font-size:13px}.cell .rot span{display:block;transform:translateY(-.5px)}.cell:hover .rm,.cell:hover .rot{opacity:1}@media screen and (max-width:900px){.pb-panel{position:static}.pb-book{min-width:0}}@media screen and (max-width:600px){.pb-panel{padding:.9rem}.fld input,.fld select{font-size:1rem}.acts button{flex:1 1 auto}.pb-panel button{padding:.55rem .7rem}.pool figure{width:46px;height:46px}.pager button{width:2.4rem;height:2.4rem}}@media(hover:none){.cell .rm,.cell .rot{opacity:1;width:22px;height:22px;font-size:13px}.cell .rot{right:27px;font-size:15px}}