/* 모든 디자인은 content.json의 design 설정에서 적용됩니다. */
body{background:var(--bg)!important;color:var(--text)!important;transition:background .2s,color .2s}
.header{background:var(--panel)!important;border-color:var(--edge)!important}
.header .brand strong,.section-title h2,.book-body h3,.notice h3,.hero h1{color:var(--text)}
.brand small,.links,.section-title p,.book-body p,.footer,.fine,.stats,.notice p{color:var(--muted)!important}
.book-card{background:var(--panel)!important;border-color:var(--edge)!important;border-radius:var(--design-radius)!important}
.book-body p{min-height:auto}
.hero-panel{background:linear-gradient(115deg,var(--panel),var(--panel2))!important;border-color:var(--edge)!important;border-radius:var(--design-radius)!important}
.hero h1,.hero p{color:var(--text)!important}.eyebrow,.meta{color:var(--accent)!important}
.button.primary,.pill.active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--bg)!important}
.button,.pill,.search{border-color:var(--edge)!important}
.search,.field input,.field select,.field textarea{background:var(--panel)!important;color:var(--text)!important}
.notice,.admin-box,.admin-intro{background:var(--panel)!important;border-color:var(--edge)!important;border-radius:var(--design-radius)!important}
.notice{background:var(--panel)!important}.footer{border-color:var(--edge)}
.grid{grid-template-columns:repeat(var(--design-columns),minmax(0,1fr))}
[data-layout="list"] .grid{display:flex;flex-direction:column;max-width:940px}
[data-layout="list"] .book-card a{display:grid;grid-template-columns:180px 1fr;align-items:stretch}
[data-layout="list"] .cover{aspect-ratio:4/3}
[data-layout="list"] .book-body{display:flex;flex-direction:column;justify-content:center}
[data-layout="list"] .book-body p{min-height:0}
[data-layout="gallery"] .grid{grid-template-columns:repeat(var(--design-columns),minmax(0,1fr))}
[data-layout="gallery"] .cover{aspect-ratio:3/4}
[data-layout="gallery"] .book-body{padding:12px}
[data-layout="gallery"] .book-body p{display:none}
[data-hero="center"] .hero-panel{grid-template-columns:1fr;text-align:center;min-height:320px}
[data-hero="center"] .hero-copy{padding:55px 24px;display:flex;flex-direction:column;align-items:center}
[data-hero="center"] .hero-art{display:none}
[data-hero="compact"] .hero-panel{grid-template-columns:1fr;min-height:195px}
[data-hero="compact"] .hero-copy{padding:30px 38px}
[data-hero="compact"] .hero h1{font-size:clamp(26px,3vw,39px);margin:10px 0}
[data-hero="compact"] .hero-art{display:none}
[data-show-hero="false"] .hero{display:none}
[data-show-notice="false"] .notice{display:none}
[data-font="serif"] body{font-family:Georgia,'Noto Serif KR','Batang',serif}
[data-font="rounded"] body{font-family:'Trebuchet MS','Malgun Gothic',sans-serif}
[data-density="compact"] .grid{gap:10px}
[data-density="compact"] .book-body{padding:12px}
[data-density="compact"] .section{padding:16px 0 10px}
[data-preset="parchment"] .cover,[data-preset="minimal"] .cover{color:white}
[data-preset="parchment"] .brand small,[data-preset="minimal"] .brand small{color:var(--muted)}
[data-preset="parchment"] .pill,[data-preset="minimal"] .pill{color:var(--text)}
[data-preset="parchment"] .chapter-row,[data-preset="minimal"] .chapter-row{color:#f3f5ff}
[data-preset="parchment"] .footer,[data-preset="minimal"] .footer{color:var(--muted)}
.design-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.design-preset{border:2px solid var(--edge);border-radius:12px;padding:8px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}
.design-preset[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.preset-swatch{display:flex;gap:3px;min-height:52px;margin-bottom:7px;border-radius:7px;padding:9px}
.preset-swatch i{width:26%;height:28px;border-radius:5px}
.design-preset b{font-size:12px}.design-note{font-size:12px;color:var(--muted)}
.design-preview{background:var(--bg);border:1px solid var(--edge);padding:13px;border-radius:15px;margin-top:15px}
.design-preview iframe{display:block;width:100%;height:360px;border:0;border-radius:9px;background:white}
.design-status{color:var(--accent);font-weight:700;font-size:13px}
.field input[type="color"]{height:48px;padding:5px;cursor:pointer}
@media(max-width:1050px){.grid{grid-template-columns:repeat(min(var(--design-columns),3),minmax(0,1fr))}.design-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){[data-layout="list"] .book-card a{grid-template-columns:112px 1fr}.design-preview iframe{height:280px}}

.admin-intro p,.admin-box p,.admin-box h2,.admin-box h3,.field label,.list-row{color:var(--text)!important}.admin-box .fine{color:var(--muted)!important}.admin-wrap .button.ghost{color:var(--text)}.admin-box .field input:not([type="color"]),.admin-box .field select,.admin-box .field textarea{color:var(--text)!important;border-color:var(--edge)!important}.admin-box .design-preset{color:var(--text)!important}.admin-wrap .warn{color:#ffe1a8!important}