.style-designer{margin:22px 0 24px;border-top:1px solid var(--line);padding-top:20px}
.design-intro h2{font:400 29px/1.1 var(--serif);margin:0 0 9px}
.design-intro p,.design-scope,.design-explanation{font-size:14px;line-height:1.65;color:var(--muted)}
.design-presets,.design-tabs,.design-actions{display:flex;gap:8px;flex-wrap:wrap}
.design-presets button{flex:1;min-height:44px;background:#d6af6d14;border:1px solid #d6af6d55;font:400 20px var(--serif);color:var(--brass-light)}
.design-tabs{margin:18px 0;border-bottom:1px solid var(--line);gap:16px}
.design-tabs button{padding:5px 0 10px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:14px}
.design-tabs button[aria-pressed=true]{border-bottom-color:var(--brass);color:var(--brass-light)}
.design-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.design-field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#dce0dc;min-width:0}
.design-field select{max-width:100%;width:100%;padding:9px 10px;color:var(--ivory);background:#152229;border:1px solid #a3977855;border-radius:3px;font-size:14px}
.design-range{grid-column:1/-1}.design-range span{display:flex;justify-content:space-between;gap:12px}
.design-range output{font-variant-numeric:tabular-nums;color:var(--brass-light)}
.design-range input{width:100%;min-height:32px;accent-color:var(--brass)}
.design-actions{margin-top:18px;justify-content:space-between}.design-actions button{font-size:13px;background:none;border:0;padding:4px 0;color:var(--brass-light)}
.design-scope{font-size:13px;border-top:1px solid var(--line);padding-top:12px;margin:12px 0 0}
.design-explanation{grid-column:1/-1;margin:0}
.designed-page{padding:28px var(--outside) 30px var(--inside);min-height:560px;--book-size:18.67px}
.designed-page[data-trim=compact]{max-width:92%;margin:auto}.designed-page[data-trim=a5]{max-width:96%;margin:auto}
.designed-page .chapter-opening{padding-top:var(--opening);margin-bottom:24px;text-align:var(--heading-align)}
.designed-page .running{margin-bottom:0}.designed-page .chapter-number{text-align:inherit;font-size:12px;line-height:1.6;margin:0 0 10px}
.designed-page h2{font-family:var(--book-face);font-size:28px;line-height:1.2;text-align:inherit;margin:0;overflow-wrap:anywhere}
.designed-page.heading-smallcaps h2{font-variant-caps:small-caps}.designed-page.heading-caps h2{text-transform:uppercase;font-size:24px;letter-spacing:.03em}
.chapter-ornament{color:var(--book-ink);margin-top:14px;font-size:23px;line-height:1}
.designed-page .book-text{font:400 var(--book-size)/var(--leading) var(--book-face);white-space:normal;display:flow-root;overflow-wrap:anywhere}
.designed-page .book-text p{margin:0 0 .75em;white-space:pre-line}.designed-page.paragraphs-indented .book-text p{margin:0;text-indent:1.3em}.designed-page.paragraphs-indented .book-text p:first-child{text-indent:0}
.designed-page.opening-initial .book-text p:first-child::first-letter{float:left;font:400 calc(var(--book-size)*var(--leading)*var(--drop-lines)*.82)/.8 var(--book-face);color:var(--book-ink);padding:.04em .08em 0 0}
.designed-page.opening-initial .book-text p:first-child{display:flow-root;min-height:calc(var(--book-size)*var(--leading)*var(--drop-lines))}
@supports(initial-letter:3){.designed-page.opening-initial .book-text p:first-child::first-letter{float:none;font-size:inherit;line-height:inherit;padding:0 .12em 0 0;initial-letter:var(--drop-lines)}}
.designed-page.output-epub{max-width:100%;padding:30px 8%;min-height:450px;box-shadow:0 0 0 1px #bcb49f,14px 14px 40px #0005}
@media(max-width:540px){.design-fields{gap:14px 12px}.design-tabs{gap:12px}.design-tabs button{font-size:13px}.designed-page{min-height:470px}.designed-page h2{font-size:26px}}
