.primary{color:var(--on-accent,#fff)}
.style-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.style-tabs button{min-height:72px}.style-tabs button:focus-visible,.volume-book:focus-visible,.material-card:focus-visible{outline:3px solid #b48b3d;outline-offset:4px}
#art-load-status{min-height:20px;margin:-10px 0 12px}.art-showcase[aria-busy=true] figure::after{content:'Preparing the next artwork…';position:absolute;top:14px;left:14px;background:var(--paper);padding:7px 12px;font-size:11px}
.volume-detail{align-items:center;gap:35px;grid-template-columns:1fr 1fr}.volume-preview{position:relative;padding:0;background:none;color:#fff;text-align:left}.volume-preview img{width:100%;height:auto;display:block;aspect-ratio:1.5;object-fit:cover}.volume-preview span{position:absolute;bottom:14px;left:14px;background:#343f35e8;padding:9px 14px;font-size:11px}.volume-detail h3{margin-bottom:14px}.chapter-notes,.material-specs{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.chapter-notes h3{font-size:29px;margin-top:12px}#modal-content .chapter-art{height:auto}
.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.material-card{text-align:left;color:var(--ink);padding:0 0 25px;border-bottom:1px solid var(--line);background:transparent}.material-card img{width:100%;height:auto;display:block;margin-bottom:20px}.material-card h3{font-size:29px;margin:10px 0}.material-card p{font-size:12px;color:var(--muted);line-height:1.8}.material-card .eyebrow{font-size:9px}.material-link{display:inline-block;margin-top:18px;font-size:12px;border-bottom:1px solid var(--accent)}.material-card:hover .material-link{color:var(--accent)}.material-zoom{overflow:auto;max-height:65vh;background:#e8dfcd;margin:24px 0 16px}.material-zoom img{margin:0!important;display:block;height:auto}.material-zoom img.magnified{width:200%!important;max-width:none}.material-specs h3{font-size:26px}.material-specs p{font-size:13px;color:var(--muted)}
.palette-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.palette-presets button{padding:10px 7px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}.palette-presets span{display:inline-block;width:18px;height:18px;border-radius:50%;margin-right:2px;border:1px solid #0002}.palette-presets small{display:block;font-size:9px;margin-top:5px}.palette-presets button:hover{outline:1px solid var(--accent)}.theme-custom{display:grid;grid-template-columns:1fr 1fr;gap:20px}#open-copy-editor{margin-top:20px}
#copy-dialog{width:min(850px,94vw)}#copy-dialog h2{font-size:40px}#copy-dialog label{display:block;margin-top:20px;font-size:12px}#copy-dialog input,#copy-dialog select,#copy-dialog textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}#copy-dialog select{font-size:12px}#copy-dialog option{padding:7px;white-space:normal}#copy-dialog textarea{resize:vertical;font-size:14px}
@media(max-width:760px){.style-tabs{grid-template-columns:repeat(10,140px)}.volume-detail{grid-template-columns:1fr}.material-grid{grid-template-columns:1fr 1fr;gap:20px}.material-card h3{font-size:25px}.chapter-notes,.material-specs{grid-template-columns:1fr;gap:16px}.material-card .eyebrow{letter-spacing:1px}.material-zoom{max-height:55vh}.palette-presets{grid-template-columns:repeat(2,1fr)}}
@media(max-width:450px){.material-grid{grid-template-columns:1fr}}