:root{color:#242b32;font-synthesis:none;--paper:#f7f5ef;--ink:#242b32;--blue:#2454e8;--rule:#d5d6d4;--muted:#65707b;--font:Georgia,"Times New Roman",serif;background:#f7f5ef;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button{background:0 0;border:0;justify-content:center;align-items:center;gap:10px;display:inline-flex}a{color:var(--blue)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #7e9cff}input,textarea,select{background:#ffffff9e;border:1px solid #c8cbd0;border-radius:4px;width:100%;padding:10px 12px;line-height:1.4}textarea{resize:vertical;min-height:80px}input,select{min-height:40px}button:hover:not(:disabled){color:var(--blue)}.primary{background:var(--blue);color:#fff;border-radius:5px;min-height:44px;padding:12px 20px}.primary:hover:not(:disabled){color:#fff;background:#153ac5}.secondary{background:#ffffff6b;border:1px solid #bfc4ca;border-radius:4px;min-height:42px;padding:10px 16px}.secondary:hover:not(:disabled){background:#fff}.icon-button{border-radius:4px;flex-shrink:0;padding:8px}.square-button{background:#fff7;border:1px solid #c8cbd0;border-radius:5px;width:40px;height:40px}.text-button{color:var(--muted);padding:10px 0;font-size:14px}.full{width:100%;margin-top:10px}.topbar{border-bottom:1px solid var(--rule);background:#f9f8f3;align-items:center;gap:26px;height:67px;padding:0 22px;display:flex}.brand{white-space:nowrap;gap:14px;padding:0}.brand span{letter-spacing:-.8px;font-size:29px}.header-divider{background:#c4c8cc;width:1px;height:32px}.topbar nav{gap:31px;display:flex}.topbar nav button,.header-actions>button:not(.primary){white-space:nowrap;padding:9px 0;font-size:16px}.header-actions{align-items:center;gap:30px;margin-left:auto;display:flex}.export-button{min-width:137px;padding:11px 21px}.document-bar{align-items:center;gap:20px;height:68px;padding:0 366px 0 26px;display:flex}.document-title{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:60%;padding:0;font-size:30px;display:block;overflow:hidden}.document-count{color:var(--muted);white-space:nowrap;border-left:1px solid #bfc4cb;padding-left:18px}.saved{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font:12px/1.4 system-ui,sans-serif;display:flex}.history{gap:0;display:flex}.workspace{grid-template-columns:116px minmax(0,1fr) 340px;height:calc(100dvh - 135px);display:grid}.page-rail{scrollbar-width:thin;flex-direction:column;align-items:center;gap:10px;padding:0 25px 28px;display:flex;overflow-y:auto}.thumbnail{color:var(--muted);flex-direction:column;flex-shrink:0;gap:3px;width:87px;padding:0;font-size:13px;display:flex}.thumb-art,.thumb-copy{background:#faf8f2;border:1px solid #d2d3d3;border-radius:4px;justify-content:center;align-items:center;width:87px;height:88px;display:flex;overflow:hidden}.thumb-art img{object-fit:cover;width:100%;height:100%}.thumbnail.selected .thumb-art{border:2px solid var(--blue);padding:3px}.thumbnail.selected>span:last-child{color:var(--blue)}.thumb-copy{text-align:left;color:var(--ink);background:linear-gradient(120deg,#fff5,#e9e7e250);padding:12px 10px;font-size:9px;line-height:1.35;display:block}.thumb-copy i{margin-top:7px;font-size:8px;font-style:normal;display:block}.add-page{color:var(--muted);flex-direction:column;gap:6px;margin-top:5px;font-size:12px}.canvas-area{flex-direction:column;min-width:0;min-height:0;display:flex}.canvas-scroll{flex:1;justify-content:center;align-items:center;min-height:0;padding:17px 25px 18px 34px;display:flex;overflow:auto}.book-spread{aspect-ratio:1.42;border:6px solid #edece5;border-radius:2px;flex-shrink:0;width:100%;max-width:calc(142dvh - 369.2px);display:flex;position:relative;box-shadow:0 8px 18px #29282135,0 1px 5px #39372933}.book-spread:before,.book-spread:after{content:"";z-index:2;pointer-events:none;border-left:1px solid #b9b6ab;border-right:1px solid #d3d0c5;width:4px;position:absolute;top:3px;bottom:3px;right:-3px}.book-spread:before{left:-3px;right:auto}.book-page{background:#faf8f1;width:50%;min-width:0;position:relative;overflow:hidden}.illustration-page{border-right:1px solid #6f74676b}.illustration-page>img{object-fit:cover;width:100%;height:100%;display:block}.text-page{background:radial-gradient(at 10% 30%,#ffffff70,#0000 70%),#f7f5ed;box-shadow:inset 13px 0 14px -13px #35322960}.page-copy{z-index:1;padding:0 12%;position:relative;top:22%}.page-copy h2{letter-spacing:-1px;overflow-wrap:anywhere;margin:0 0 10%;font-size:clamp(22px,2.6vw,46px);font-weight:400;line-height:1.18}.page-copy p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:clamp(15px,1.4vw,22px);line-height:1.55}.botanical{object-fit:contain;opacity:.86;pointer-events:none;width:53%;height:29%;position:absolute;bottom:6%;right:4%}.page-number{font-size:14px;font-style:italic;position:absolute;bottom:3.5%;right:5%}.art-number{color:#fff;text-shadow:0 1px 4px #000;left:5%;right:auto}.add-art{color:#63727a;background:#e9eceb;flex-direction:column;gap:14px;width:100%;height:100%;display:flex}.add-art span{font-size:20px}.add-art small{font-size:14px}.canvas-footer{flex-shrink:0;justify-content:center;align-items:center;height:105px;padding:0 25px;display:flex;position:relative}.page-navigation{color:var(--muted);align-items:center;gap:24px;font-size:16px;display:flex}.canvas-tools{align-items:center;gap:10px;display:flex;position:absolute;right:25px}.zoom-control{background:#fff6;border:1px solid #c8cbd0;border-radius:4px;align-items:center;gap:8px;min-width:100px;padding-left:10px;display:flex}.zoom-control select{background:0 0;border:0;width:75px;min-height:38px;padding:5px 8px}.inspector{border-left:1px solid var(--rule);scrollbar-width:thin;margin-top:-68px;overflow:auto}.tabs{border-bottom:1px solid var(--rule);align-items:center;gap:0;display:flex}.inspector>.tabs{height:57px;margin:0 16px}.tabs button{color:#606b75;border-bottom:2px solid #0000;padding:16px 18px 14px;font-size:16px}.tabs button.active{color:var(--blue);border-color:var(--blue)}.inspector-body{padding:27px 18px}.field{flex-direction:column;gap:8px;margin:0 0 23px;font-size:16px;line-height:1.4;display:flex}.field>span{display:block}.field small{color:var(--muted);font:12px/1.55 system-ui,sans-serif}.story-input{min-height:170px;line-height:1.5}.source-note{color:var(--muted);margin-top:24px;font-size:14px;line-height:1.5}.source-note p{margin:10px 0}.word-count{color:#7c858d;margin-top:24px;font:12px/1.5 system-ui,sans-serif}.section-rule{border-top:1px solid var(--rule);margin:25px 0}.inspector h3{margin:0 0 10px;font-size:19px;font-weight:400}.note{color:var(--muted);font:14px/1.6 system-ui,sans-serif}.character{border-bottom:1px solid var(--rule);margin-bottom:20px;padding-bottom:15px}.character .field{margin-bottom:9px}.reference-preview{object-fit:contain;border:1px solid var(--rule);background:#fff;border-radius:4px;width:100%;max-height:220px}.modal{color:var(--ink);background:#faf9f4;border:1px solid #cbd0d3;border-radius:12px;width:540px;max-width:calc(100vw - 32px);max-height:90dvh;padding:27px 30px;box-shadow:0 30px 100px #1d25354d}.modal.wide{width:740px}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#202b4266}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.modal-heading h2{letter-spacing:-.4px;margin:0;font-size:29px;font-weight:400}.intro{color:var(--muted);margin:0 0 24px;font-size:16px;line-height:1.6}.source-tabs{margin-bottom:20px}.source-tabs button{flex:1;padding:12px 18px}.dropzone{background:#eef0f333;border:1px dashed #a8b0c0;border-radius:7px;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;padding:26px 15px;display:flex}.dropzone strong{font-size:21px;font-weight:400}.dropzone span{color:var(--muted);text-align:center;font:13px/1.5 system-ui,sans-serif}.source-text{min-height:140px;max-height:260px}.source-count{color:var(--muted);margin-top:-14px;margin-bottom:25px;font:12px system-ui,sans-serif}.options-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.modal-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.rights-note{color:var(--muted);font:12px/1.55 system-ui,sans-serif;display:block}.url-entry{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:20px;display:flex}.url-entry .field{flex:1;margin:0}.url-entry small{width:100%;color:var(--muted);font:12px/1.5 system-ui}.status-line{color:var(--blue);font:14px system-ui}.library-grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.library-book{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.library-book img{aspect-ratio:.8;object-fit:cover;border:4px solid #fff;width:100%;box-shadow:0 3px 10px #0002}.library-book strong{font-size:18px;font-weight:400}.library-book span{color:var(--muted);font-size:14px}.export-options{flex-direction:column;gap:12px;display:flex}.export-options>button{border:1px solid var(--rule);text-align:left;background:#fff8;border-radius:6px;justify-content:flex-start;gap:20px;padding:18px}.export-options strong{font-size:18px;font-weight:400;display:block}.export-options small{color:var(--muted);margin-top:5px;font:12px/1.5 system-ui,sans-serif;display:block}.busy-banner{z-index:20;color:#fff;background:#243353;border-radius:8px;align-items:center;gap:14px;min-width:300px;padding:15px 20px;font:14px/1.4 system-ui,sans-serif;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #192b413b}.busy-banner button{color:#fff;border:1px solid #8f9bb3;border-radius:4px;margin-left:auto;padding:5px 10px}.toast{z-index:50;background:#fffef9;border:1px solid #b9c5cd;border-radius:7px;align-items:center;gap:10px;max-width:min(650px,100vw - 30px);padding:14px 16px;font:14px/1.5 system-ui,sans-serif;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.toast.error{border-color:#b95545}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reading .topbar nav,.reading .header-divider{display:none}.reading .document-bar{padding-right:26px}.reading .workspace{grid-template-columns:1fr}.reading .canvas-scroll{padding-top:0}.reading .book-spread{max-width:calc(142dvh - 347.9px)}.actual-size .canvas-scroll{display:block}.actual-size .book-spread{width:1100px;min-width:1100px;max-width:none;margin:auto}.inspector fieldset{border:0;min-width:0;margin:0;padding:0}.inspector fieldset:disabled{opacity:.6}@media (width>=1600px){.workspace{grid-template-columns:116px minmax(0,1fr) 363px}.inspector-body{padding:27px 18px}.document-bar{padding-right:390px}}@media (width<=1250px){.topbar{gap:18px;padding:0 18px}.topbar nav{gap:20px}.brand span{font-size:25px}.brand svg{width:31px}.header-actions{gap:20px}.workspace{grid-template-columns:95px minmax(0,1fr) 300px}.page-rail{padding:0 13px 20px}.thumbnail,.thumb-art,.thumb-copy{width:72px}.thumb-art,.thumb-copy{height:82px}.document-bar{padding-right:320px}.saved{display:none}.canvas-scroll{padding:16px 20px 10px}.canvas-tools{right:14px}.canvas-footer{height:90px}.page-navigation{gap:12px}.zoom-control{min-width:76px}.zoom-control svg{display:none}.page-copy h2{font-size:29px}.page-copy p{font-size:16px}.inspector>.tabs{margin:0 10px}.tabs button{padding:16px 12px 14px}.inspector-body{padding:22px 16px}}@media (width<=1000px){.topbar nav span{display:none}.topbar nav{gap:22px}.topbar nav button{padding:10px}.header-divider{display:none}.document-title{font-size:25px}.workspace{grid-template-columns:80px minmax(0,1fr) 275px}.page-rail{padding:0 10px 20px}.thumbnail,.thumb-art,.thumb-copy{width:62px}.thumb-art,.thumb-copy{height:75px}.canvas-scroll{padding:15px}.page-copy h2{font-size:23px}.page-copy p{font-size:14px}.page-copy{padding:0 10%;top:16%}.botanical{height:22%;bottom:5%}.canvas-tools .icon-button,.zoom-control{display:none}.document-bar{padding-right:285px}.history{margin-left:auto}.inspector>.tabs button{padding:16px 10px;font-size:14px}.inspector-body{font-size:14px}.story-input{min-height:180px}.inspector .field{font-size:14px}}@media (width<=760px){.topbar{gap:12px;height:64px;padding:0 13px}.brand{gap:8px}.brand span{letter-spacing:-.6px;font-size:21px}.brand svg{width:27px}.topbar nav{gap:0;margin-left:auto}.topbar nav button{padding:8px}.header-actions{gap:11px;margin-left:0}.header-actions button span{display:none}.export-button{min-width:0;min-height:38px;padding:9px}.header-actions>button:not(.primary){padding:8px 0}.document-bar{gap:12px;height:60px;padding:0 15px}.document-title{max-width:64%;font-size:23px}.document-count{padding-left:12px;font-size:13px}.history{gap:0}.history .icon-button{padding:6px}.workspace{flex-direction:column;height:auto;display:flex}.page-rail{flex-direction:row;order:1;justify-content:flex-start;gap:9px;max-width:100%;height:105px;padding:0 15px 10px;overflow:auto hidden}.thumbnail,.thumb-art,.thumb-copy{width:60px}.thumb-art,.thumb-copy{height:72px}.thumbnail{font-size:11px}.text-thumb{display:none}.add-page{min-width:62px;margin-top:0}.canvas-area{order:2;min-height:0}.canvas-scroll{min-height:0;padding:10px 16px 0;overflow:visible}.book-spread{aspect-ratio:1.25;border-width:4px;width:100%;max-width:700px}.page-copy{padding:0 11%;top:17%}.page-copy h2{letter-spacing:-.5px;margin-bottom:10%;font-size:clamp(17px,4.4vw,31px)}.page-copy p{font-size:clamp(12px,2.9vw,19px);line-height:1.48}.botanical{width:50%;height:24%;bottom:5%}.page-number{font-size:11px}.canvas-footer{height:74px}.page-navigation{gap:20px;font-size:14px}.canvas-tools{display:none}.inspector{border-left:0;border-top:1px solid var(--rule);order:3;margin:0 16px 30px;overflow:visible}.inspector>.tabs{margin:0}.inspector>.tabs button{padding:14px 24px;font-size:16px}.inspector-body{padding:23px 0}.inspector .field{font-size:16px}.story-input{min-height:150px}.modal{max-width:calc(100vw - 20px);padding:20px}.modal-heading h2{font-size:25px}.source-tabs button{gap:6px;padding:12px 8px;font-size:14px}.options-grid{gap:0 13px}.library-grid{grid-template-columns:1fr 1fr}.busy-banner{width:calc(100vw - 30px);font-size:13px;bottom:14px}.reading .document-bar{height:60px}.reading .canvas-scroll{padding-top:20px}.reading .book-spread{aspect-ratio:1.25;max-width:700px}.reading .page-copy h2{font-size:clamp(17px,4.4vw,31px)}.reading .header-actions{margin-left:auto}.reading .header-actions button span{display:none}.actual-size .canvas-scroll{overflow:auto}.actual-size .book-spread{width:1000px}}@media (width<=400px){.brand span{font-size:19px}.topbar{gap:5px;padding-inline:12px}.topbar nav button{padding:7px}.header-actions{gap:9px}.topbar svg{width:19px}.brand svg{width:25px}.document-title{font-size:21px}.document-count{font-size:12px}.history{display:none}.page-copy{top:12%}.page-copy h2{font-size:17px}.page-copy p{font-size:12px}.botanical{height:17%}.field{font-size:15px}}.book-page{container-type:inline-size}.page-copy h2{font-size:8.5cqw}.page-copy p{font-size:4.4cqw}.page-rail{overflow-x:hidden}.botanical{width:48%;height:24%;bottom:6%}.page-copy{scrollbar-width:thin;max-height:64%;overflow:auto}.inspector .tabs{z-index:3;background:#f7f5ef;position:sticky;top:0}.reading .page-copy h2{font-size:8.5cqw}@media (width<=600px){.book-spread,.reading .book-spread{aspect-ratio:auto;max-width:430px;display:block}.book-page{aspect-ratio:.714;width:100%}.page-copy h2,.reading .page-copy h2{font-size:9cqw}.page-copy p{font-size:4.7cqw}.page-copy{top:23%}.botanical{height:24%;bottom:6%}.page-rail{overflow-x:auto}.canvas-footer{z-index:4;background:#f7f5efed;border-top:1px solid #e2e2dc;position:sticky;bottom:0}.canvas-area{display:block}.illustration-page{border-right:0}.document-bar{height:62px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.download-ready{z-index:1000;background:#fffdf7;border:1px solid #d6d3ca;border-radius:10px;align-items:center;gap:16px;max-width:min(480px,100vw - 40px);padding:14px 18px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 22px #0002}.download-ready a{color:#2455d9;overflow-wrap:anywhere}.download-ready button{cursor:pointer;background:0 0;border:0;font-size:24px}@media (width<=600px){.book-spread{container-type:inline-size}.text-page{aspect-ratio:auto;min-height:140cqw}.text-page .page-copy{max-height:none;padding:18% 12% 38%;top:auto;overflow:visible}.text-page .botanical{width:35%;height:16%}}@media (width<=400px){.options-grid{grid-template-columns:1fr}}.import-error{color:#743626;background:#fff8f4;border:1px solid #b95545;border-radius:5px;padding:12px 14px;font:14px/1.5 system-ui,sans-serif}body:has(.toast) .download-ready{top:80px;bottom:auto}.canvas-area{container-type:inline-size}@container (width<=620px){.canvas-footer{flex-direction:column;gap:12px;height:130px}.canvas-tools{position:static}}@media (width<=760px){.canvas-footer{flex-wrap:wrap;gap:12px;height:auto;min-height:105px;padding:12px}.canvas-tools{gap:5px;display:flex;position:static}}