.book-design-layout{align-items:start}.book-design-preview{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:0;padding:12px}.book-design-canvas{flex:none;max-width:100%;margin:auto}.book-design-controls .form-body{display:grid;gap:22px}.book-design-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.book-design-options .choice{display:flex;align-items:center;gap:10px;justify-content:flex-start;min-height:64px;white-space:normal;text-align:left;padding:12px}.book-design-font-sample{font-size:25px;line-height:1;min-width:35px}.book-design-layout-sample{position:relative;display:block;width:32px;height:43px;flex:none;border:1px solid currentColor;opacity:.72}.book-design-layout-sample i{position:absolute;left:4px;top:4px;width:22px;height:12px;background:currentColor;opacity:.22}.book-design-layout-sample b{position:absolute;left:4px;top:22px;width:22px;height:13px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.book-design-layout-sample[data-preset='picture-bottom'] i{top:26px}.book-design-layout-sample[data-preset='picture-bottom'] b{top:5px}.book-design-layout-sample[data-preset='picture-side'] i{top:6px;width:10px;height:28px}.book-design-layout-sample[data-preset='picture-side'] b{left:18px;top:8px;width:9px;height:25px}.book-design-layout-sample[data-preset='picture-large'] i{height:20px}.book-design-layout-sample[data-preset='picture-large'] b{top:29px;height:7px}.book-design-layout-sample[data-preset='picture-inset'] i{left:8px;top:7px;width:14px;height:10px}.book-design-layout-sample[data-preset='text-classic'] i{display:none}.book-design-layout-sample[data-preset='text-classic'] b{top:8px;height:26px}.book-design-actions{display:flex;flex-wrap:wrap;gap:8px}.book-design-actions .button{flex:1 0 auto}.book-design-preview .edition-pager{flex:none;margin:0}.book-design-preview .edition-leaf{box-shadow:0 10px 32px #00000016}.book-design-copies .book-entry{min-width:0}.book-design-copy-art{position:relative;aspect-ratio:3/4;display:grid;place-items:center;background:var(--mode-panel);overflow:hidden}.book-design-copy-art img{width:100%;height:100%;object-fit:cover}.book-design-copy-art>span{padding:20px;font:25px/1.2 Georgia,serif;text-align:center}.book-design-copy-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.book-design-copy-actions .button{padding:9px 14px}.book-design-preview #book-design-preview-state{font-size:11px;letter-spacing:.08em;text-transform:uppercase;min-height:1em}.book-design-empty{max-width:640px;margin:0 auto}.book-design-controls .choice:focus-visible{outline:2px solid var(--mode-accent,#ac91ff);outline-offset:3px}
@media(max-width:900px){#main .book-design-layout.sv-workspace-stacked{grid-template-rows:minmax(0,calc(var(--sv-workspace-height) * .56)) minmax(0,1fr)}.book-design-preview{padding:6px;gap:5px}.book-design-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:520px){#main .book-design-layout.sv-workspace-stacked{grid-template-rows:minmax(0,46%) minmax(0,1fr)}}
/* Edition geometry stays identical to reading; zoom changes only display scale. */
#main [data-sv-workspace='book-design']>.sv-canvas-preview{overflow:hidden}
.book-design-preview{height:100%;padding:8px;gap:8px;overflow:hidden}
.book-design-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;width:100%}
.book-design-preview-toolbar .sv-select{flex:0 1 118px;width:118px}
.book-design-preview-toolbar>select{max-width:118px}
.book-design-zoom-label{font-size:12px;color:var(--mode-muted);margin-left:auto;white-space:nowrap}
.book-design-viewport{display:flex;flex:1 1 auto;align-items:flex-start;width:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mode-border) transparent}
.book-design-canvas{position:relative;flex:none;max-width:none;margin:auto}
.book-design-page-scale{position:absolute;left:0;top:0;transform-origin:top left}
.book-design-color-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center}
.book-design-color-row input[type='color']{padding:5px;min-height:44px;width:52px;cursor:pointer}
.book-design-color-row input[type='text'],#book-design-color-value{font-family:var(--mono,monospace);letter-spacing:.04em}
.book-design-swatches{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.book-design-swatch{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--mode-border);border-radius:50%;background:transparent;cursor:pointer}
.book-design-swatch:before{content:'';width:25px;height:25px;background:var(--swatch);border:1px solid #8580804a;border-radius:50%}
.book-design-swatch[aria-pressed='true']{outline:2px solid var(--mode-accent);outline-offset:1px}
.book-design-layout-sample[data-preset='scrapbook'] i{left:7px;top:6px;width:18px;height:13px;transform:rotate(-7deg);outline:2px solid currentColor;outline-offset:2px}
.book-design-layout-sample[data-preset='comic-panels'] i{left:3px;top:3px;width:24px;height:18px;border:1px solid currentColor}
.book-design-layout-sample[data-preset='comic-panels'] b{left:3px;top:25px;width:24px;height:12px;border:1px solid currentColor}
.book-design-layout-sample[data-preset='storybook-frame']{outline:1px solid currentColor;outline-offset:-4px}
.book-design-layout-sample[data-preset='storybook-frame'] i{left:7px;top:7px;width:16px;height:12px}
.book-design-layout-sample[data-preset='storybook-frame'] b{left:7px;top:24px;width:16px;height:10px}
.book-design-layout-sample[data-preset='magazine-editorial'] i{left:4px;top:7px;width:10px;height:26px}
.book-design-layout-sample[data-preset='magazine-editorial'] b{left:18px;top:9px;width:9px;height:26px}
.library-filter-control{display:flex;justify-content:flex-end;align-items:center;margin:-12px 0 18px;min-height:44px}
.library-filter-control>select{max-width:220px}
.book-design-actions svg,.cs-layer-eye svg{width:18px;height:18px;flex:none}
@media(max-width:900px){#main .book-design-layout.sv-workspace-stacked{grid-template-rows:minmax(0,60%) minmax(0,1fr)}.book-design-preview{padding:5px;gap:5px}.book-design-preview-toolbar{gap:8px}}
