.book-page{padding:1.6rem 0 .5rem}.book-intro{max-width:42rem;margin:0 auto 1rem}.book-counter{border:1px solid var(--border-soft);background:var(--surface-muted);width:fit-content;color:var(--primary-dark);border-radius:999px;margin:0 auto 1.5rem;padding:.4rem 1rem;font-size:1.2rem;font-weight:700}.book-columns{text-align:left;align-items:start;gap:1.2rem;display:grid}.book-panel{--book-heading-background:url(/assets/malbuch/heading-background-pink.webp);--book-panel-border:#ffe4e8;border:1px solid var(--book-panel-border);background:var(--surface);border-radius:1.8rem;min-width:0;padding:1rem;box-shadow:inset 0 0 0 3px #fff}.book-editor{--book-heading-background:url(/assets/malbuch/heading-background-blue.webp);--book-panel-border:#e2efff}.book-panel .book-panel-title{background-image:var(--book-heading-background);color:#432263;background-repeat:no-repeat;background-size:100% 100%;border-radius:1.55rem 1.55rem 0 0;align-items:center;gap:.9rem;min-height:5rem;margin:calc(4px - 1rem) calc(4px - 1rem) .55rem;padding:.65rem calc(1rem - 4px) 1.15rem;font-size:clamp(1.6rem,2.8vw,2rem);line-height:1.15;display:flex}.book-panel-title span{min-width:0}.book-panel-title img{mix-blend-mode:multiply;border-radius:0;flex:none;width:1.5rem;height:2.7rem}.book-panel h3{margin-top:1.5rem;font-size:1.4rem}.book-small{font-size:.9rem;font-weight:400}.book-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.book-pagination span{text-align:center}.book-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.book-list-heading h3{margin:0}.book-empty{background:var(--bg-soft);border-radius:.6rem;margin:1rem 0;padding:1rem}.book-preview-stage{aspect-ratio:1.12;background:#f6f3ef;border-radius:1rem;width:100%;min-height:320px;max-height:490px;margin-top:.75rem;position:relative;overflow:hidden}.book-preview-navigation{z-index:1;grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:8px;display:grid;position:absolute;inset:16px 16px auto}.book-preview-page-label{text-align:center;padding-top:0;font-size:1rem;font-weight:700;line-height:1.4}.book-preview-control{cursor:pointer;background:#fff;border:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.book-preview-control img,.book-preview-control svg{opacity:.45;width:20px;height:20px}.book-preview-control:hover:not(:disabled){background:#faf8f5}.book-preview-control:focus-visible,.book-preview-viewport:focus-visible{outline:3px solid var(--ring);outline-offset:-3px}.book-preview-control:disabled{opacity:.5;cursor:default}.book-preview-arrow{border:1px solid #eeebef;border-radius:50%;box-shadow:0 1px 3px #221a3e05}.book-preview-tools{background:#fff;border:1px solid #eeebef;border-radius:24px;position:absolute;top:90px;right:16px;overflow:hidden;box-shadow:0 2px 8px #221a3e03}.book-preview-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcb5b1 transparent;position:absolute;inset:36px 64px 12px;overflow:auto}.book-preview-canvas{place-items:center;min-width:100%;min-height:100%;display:grid}.book-preview-dialog{width:calc(100% - 2rem);max-width:1100px;height:calc(100dvh - 2rem);max-height:none;color:var(--text-main);background:#f6f3ef;border:0;border-radius:1rem;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 16px 64px #221a3e40}.book-preview-dialog::backdrop{backdrop-filter:blur(3px);background:#221a3e80}.book-preview-stage.is-expanded{aspect-ratio:auto;height:100%;min-height:0;max-height:none;margin:0}.book-preview-stage.is-expanded .book-preview-navigation{grid-template-columns:44px 44px minmax(0,1fr) 44px 44px}.book-preview-stage.is-expanded .book-preview-page-label{grid-column:3}@media (width<=450px){.book-preview-navigation{inset:12px 8px auto}.book-preview-tools{right:8px}.book-preview-viewport{inset-inline:52px}.book-preview-dialog{width:calc(100% - 1rem);height:calc(100dvh - 1rem)}}.book-preview{aspect-ratio:210/297;color:#000;background:#fff;border:1px solid #f1eeee;width:100%;position:relative;overflow:hidden;box-shadow:0 5px 16px #221a3e20}.book-preview svg{width:100%;height:100%;display:block}.book-preview .book-preview-motif{object-fit:contain;border-radius:0;width:88.6%;height:86.5%;position:absolute;inset:6.75% 5.7%}.book-error{color:#9e2525}.book-status{min-height:1.5rem;margin-top:1rem}@media (width>=900px){.book-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}#book-select-title,#book-editor-title,#book-preview-title{scroll-margin-top:13rem}@media (width>=961px){#book-select-title,#book-editor-title,#book-preview-title{scroll-margin-top:8rem}}@media (width<=380px){#book-select-title,#book-editor-title,#book-preview-title{scroll-margin-top:16rem}}