.book-studio{color:#294b40;background:#f4f0e7;border:1px solid #d6ded3;border-radius:18px;padding:18px}.book-studio header{justify-content:space-between;align-items:start;gap:12px;display:flex}.book-studio h2{margin:0 0 8px;font-family:Georgia,serif;font-size:24px}.book-studio header p{max-width:650px;font-size:13px}.book-studio header span{white-space:nowrap;font-size:12px}.book-toolbar{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.book-studio button,.book-studio select,.book-studio input,.book-studio textarea{color:inherit;background:#fff;border:1px solid #cbd6ce;border-radius:8px;max-width:100%;padding:8px}.book-studio button{cursor:pointer;font-size:12px}.book-studio button:disabled{opacity:.5;cursor:default}.book-workspace{grid-template-columns:110px minmax(0,1fr) 200px;gap:16px;display:grid}.book-workspace nav{flex-direction:column;gap:8px;max-height:800px;display:flex;overflow:auto}.book-workspace nav button{text-align:left}.book-workspace nav small{font-size:10px;display:block;overflow:hidden}.book-workspace nav .selected{background:#e4f0e9;border:2px solid #368663}.book-workspace aside{flex-direction:column;gap:12px;min-width:0;display:flex}.book-workspace label{flex-direction:column;gap:4px;font-size:12px;display:flex}.book-desk{min-width:0}.book-canvas{isolation:isolate;background:#fff;position:relative;overflow:hidden;box-shadow:0 4px 20px #25423520}.book-safe{pointer-events:none;z-index:1;border:1px dashed #b4c9bd;position:absolute}.book-block{white-space:pre-wrap;overflow-wrap:anywhere;touch-action:none;outline:none;line-height:1.4;position:absolute;overflow:hidden}.book-block.active{z-index:3;outline:2px solid #368663}.book-block:focus-visible{outline:2px solid #368663}.book-block h3{margin:0 0 .6em;font-size:1.35em;line-height:1.2}.book-block img{object-fit:contain;pointer-events:none;width:100%;height:100%}.book-block small{font-size:.8em}.book-block .book-resize{color:#fff;touch-action:none;background:#368663;border-radius:0;padding:2px 5px;position:absolute;bottom:0;right:0}.book-hint{margin:10px 0;font-size:11px}.book-source-images{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.book-source-images img{object-fit:cover;width:100%;height:70px}.book-message{background:#fff9da;border-radius:8px;padding:10px;font-size:13px}.book-empty{text-align:center;width:80%;font-size:13px;position:absolute;top:40%;left:10%}.book-legacy-text{white-space:pre-wrap;font-size:12px;position:absolute;inset:8%}.book-studio :focus-visible{outline-offset:2px;outline:2px solid #2e7756}@media (width<=900px){.book-workspace{grid-template-columns:90px minmax(0,1fr)}.book-workspace aside{grid-column:1/-1}.book-source-images{grid-template-columns:repeat(5,1fr)}}@media (width<=520px){.book-studio{padding:12px}.book-studio header{display:block}.book-workspace{grid-template-columns:minmax(0,1fr)}.book-workspace nav{flex-direction:row;max-height:none;padding-bottom:6px;overflow:auto}.book-workspace nav h3{display:none}.book-workspace nav button{flex:0 0 90px}.book-source-images{grid-template-columns:repeat(3,1fr)}}.book-block:has(>img){flex-direction:column;display:flex}.book-block img{flex:1;min-height:0}.book-direct-text{resize:none;width:100%;height:100%;font:inherit;line-height:inherit;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.book-page-scroll{max-width:100%;padding:2px;overflow:auto}.book-toolbar>span{align-self:center;font-size:12px}.book-canvas{width:100%;font-family:Georgia,serif}.book-block h3{font-weight:700}.book-block{touch-action:auto}.book-block.editable{touch-action:none}.book-workspace.spread-mode{grid-template-columns:110px minmax(0,1fr)}.book-open-spread{background:#e2d8c5;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px;padding:18px;display:grid}.book-open-spread.single{grid-template-columns:minmax(0,1fr);max-width:50%;margin:auto}.book-spread-sheet{background:#fff;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 5px 15px #65533b33;border:0!important;border-radius:0!important;padding:0!important}.book-open-spread:not(.single)>div:first-child .book-spread-sheet{box-shadow:inset -8px 0 12px -10px #6f563f,0 5px 15px #65533b33}.book-spread-decoration{pointer-events:none;position:absolute;inset:0}.book-spread-block{text-align:left;white-space:pre-wrap;flex-direction:column;font-family:Georgia,serif;font-size:clamp(7px,1vw,15px);display:flex;position:absolute;overflow:hidden}.book-spread-block img{flex:1;width:100%;height:100%;min-height:0}.book-spread-page-text{text-align:left;white-space:pre-wrap;font-family:Georgia,serif;font-size:clamp(7px,1vw,15px);position:absolute;inset:8%;overflow:hidden}@media (width<=700px){.book-workspace.spread-mode{grid-template-columns:1fr}.book-open-spread{padding:5px}.book-open-spread.single{max-width:70%}}.book-spread-block [data-testid=companion-qr-svg]{border:0;width:100%;max-height:100%}.book-spread-block [data-testid=companion-qr-svg] span,.book-spread-block [data-testid=companion-qr-svg] svg{width:100%!important;height:auto!important}.book-spread-blank{background:#eee7db;box-shadow:inset 8px 0 12px -10px #6f563f}.scrapbook-studio .book-canvas h3,.scrapbook-studio .book-spread-page-text>strong,.scrapbook-studio .book-spread-block>strong{color:#a65732;margin-bottom:.25em;font-family:Patrick Hand,Comic Sans MS,cursive;font-size:1.65em;font-weight:400;line-height:1.1;display:block}.scrapbook-workflow-hint{background:#e8eee2;border-radius:12px;padding:12px 16px;font-size:13px}.scrapbook-page-tools{background:#fff9ed;border:1px solid #decfb9;border-radius:14px;margin:14px 0;padding:14px}.scrapbook-decoration-picker{border:0;margin:0;padding:0}.scrapbook-decoration-picker legend{align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.scrapbook-decoration-picker>div{flex-wrap:wrap;gap:10px;display:flex}.scrapbook-decoration-picker button{align-items:center;gap:8px;display:flex}.scrapbook-decoration-picker button[aria-pressed=true]{background:#e8eee2;border:2px solid #718861}.scrapbook-decoration-sample{background:#fff;width:38px;height:48px;display:block;box-shadow:0 1px 4px #59452b22}.scrapbook-page-thumbnail{aspect-ratio:210/297;background:#fff;margin-bottom:6px;display:block;position:relative;overflow:hidden;box-shadow:0 2px 5px #59452b22}.scrapbook-page-thumbnail img{object-fit:contain;position:absolute}.scrapbook-insert-tools{background:#fff6e8;border:1px solid #decfb9;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.scrapbook-insert-tools button{text-align:left;align-items:center;gap:8px;display:flex}.scrapbook-insert-tools h3{font-size:13px;font-weight:600}.scrapbook-studio .book-workspace aside,.book-visual-studio .book-workspace aside{background:#eee7db;border-radius:14px;padding:14px}.book-recording-card{background:#edf1e8;border:1px solid #bdcbaa;border-radius:8px;align-items:center;gap:5%;width:100%;height:100%;padding:5%;display:flex;overflow:hidden;container-type:size}.book-recording-copy{color:#526d48;flex-direction:column;flex:1;gap:.15em;min-width:0;display:flex}.book-recording-copy>svg:not(.book-recording-wave){width:1.5em;height:1.5em}.book-recording-copy strong{font-family:Patrick Hand,cursive;font-size:1.4em;font-weight:400;line-height:1.05}.book-recording-copy small{font-size:.7em;line-height:1.15}.book-recording-wave{stroke:#879c77;stroke-width:2px;fill:none;width:100%;height:1.3em}.book-recording-card [data-testid=companion-qr-svg]{background:#fff;border:0;flex:0 0 min(30%,85cqh);width:min(30%,85cqh);max-width:30%}@container (height<=100px){.book-recording-copy>svg:not(.book-recording-wave){display:none}}@container (height<=45px){.book-recording-copy small,.book-recording-wave{display:none}}.book-recording-card [data-testid=companion-qr-svg] span,.book-recording-card [data-testid=companion-qr-svg] svg{width:100%!important;height:auto!important}.book-spread-sheet{container-type:inline-size}.book-spread-block strong:empty{display:none}.book-spread-block p{margin:0}.book-spread-block:has(.book-recording-card){overflow:hidden}.book-source-images small{margin-top:5px;line-height:1.25;display:block}