.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}