.scene-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scene-choice{width:100%;min-width:0}.scene-choice img{height:52px}.book-caption{flex-wrap:wrap;gap:7px}.book-caption .page-count{color:#6f7f5f;font-size:11px}.book-card-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:2px 3px 0}.book-card-actions .text-button{font-size:11px}.book-match{color:var(--rust);font-size:10px;line-height:1.6;margin:5px 3px}.book-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.book-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:32px 0 20px}.book-heading h1{font:35px/1.6 var(--serif);letter-spacing:1px;margin:0;overflow-wrap:anywhere}.book-heading .eyebrow{font-size:9px;margin-bottom:10px}.book-heading>p{color:var(--sub);font-size:12px;line-height:1.8;white-space:nowrap;margin:0 0 8px}.page-directory{margin-top:30px;border-top:1px solid var(--line);padding-top:19px}.directory-label{font-size:12px;color:var(--sub);margin-bottom:13px}.page-directory button{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;width:100%;border:0;border-bottom:1px solid #dce0d3;background:transparent;text-align:left;padding:14px 10px;color:var(--sub);font-size:12px;min-height:54px}.page-directory button[aria-current=page]{background:#e6ebdc;color:#3f5737}.directory-number{font:20px/1.35 Georgia,serif;color:#8c997e}.directory-text{display:flex;flex-direction:column;gap:5px;min-width:0}.directory-text span{overflow-wrap:anywhere}.directory-text small{font-size:9px;letter-spacing:.5px;color:#8b9580}.page-edit-row{display:flex;justify-content:flex-end;margin-top:26px}.page-turner{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin-top:27px;padding-top:14px;font-size:12px;color:var(--sub)}.page-turner button{min-height:44px}.page-turner button:disabled{opacity:.35}.page-turner>span{white-space:nowrap;font-size:11px}.editor-book-hint{font-size:12px;line-height:1.8;color:var(--sub);margin:12px 0 0}.writing-paper input[readonly]{color:#728367;background:#edf0e5}.background-heading{padding:40px 0 25px;border-top:1px solid var(--line);margin-top:25px}.background-heading h2{font:27px/1.6 var(--serif);letter-spacing:1px;margin:0 0 12px}.background-heading>p:last-child{color:var(--sub);font-size:12px;line-height:1.8}.background-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:45px}.background-choice{padding:10px 10px 13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:left;box-shadow:0 4px 10px #273a2010}.background-choice img{width:100%;aspect-ratio:10/7;object-fit:cover}.background-choice span{display:flex;justify-content:space-between;gap:9px;margin:12px 4px 0;font:17px var(--serif)}.background-choice small{font:10px var(--sans);color:var(--sub)}.cover-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:65px;max-width:1000px;margin:0 auto 60px;align-items:start}.cover-showcase{padding:20px 10px;max-width:390px;width:100%;margin:0 auto}.cover-showcase .postcard{transform:rotate(-1deg)}.cover-settings{padding:25px 30px;background:var(--paper);border:1px solid var(--line)}.cover-name-label{display:block;font-size:12px;color:var(--sub);margin-bottom:25px}.cover-name-label input{display:block;width:100%;margin-top:10px;padding:12px;font:19px/1.5 var(--serif);color:var(--ink);background:#fdfcf6;border:1px solid var(--line)}.cover-settings legend{font-size:12px;color:var(--sub);margin-bottom:15px}.cover-settings .primary{margin-top:22px;width:100%}.cover-settings .scene-choice img{height:53px}.cover-settings .design-note{min-height:20px}.book-empty-body{color:var(--sub);font:16px/2 var(--serif)}.book-cover-label{font-size:10px;letter-spacing:1px;color:var(--sub)}
@media(max-width:1000px){.cover-layout{gap:30px}.cover-settings{padding:24px}.book-heading h1{font-size:31px}}
@media(max-width:800px){.reader-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}.reader-layout aside{padding:10px 0;max-width:none}.reader-layout .postcard{min-height:320px}.reader-layout .pc-title{font-size:20px}.reading-paper{padding:26px 22px}.book-heading{align-items:start}.cover-layout{grid-template-columns:1fr;gap:16px;max-width:530px}.cover-showcase{max-width:350px}.background-gallery{gap:18px}.background-choice span{font-size:15px}.background-choice small{font-size:9px}}
@media(max-width:650px){.reader-layout{display:flex;flex-direction:column;gap:22px}.reader-layout aside{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:0 18px;width:100%;margin:0;align-items:start}.reader-layout #reader-card{grid-column:1}.reader-layout .under-card{grid-column:1;margin:10px 0;font-size:10px}.reader-layout .page-directory{grid-column:2;grid-row:1 / 3;margin:0;padding-top:12px}.reader-layout .postcard{min-height:0;padding:9px}.reader-layout .pc-photo{height:100px}.reader-layout .pc-polaroid .pc-photo{height:100px}.reader-layout .pc-title,.reader-layout .pc-airmail .pc-title,.reader-layout .pc-quote .pc-title,.reader-layout .pc-botanical .pc-title,.reader-layout .pc-library .pc-title{font-size:15px;line-height:1.6;margin:8px 0}.reader-layout .pc-meta{font-size:6px;letter-spacing:0;gap:2px;margin:8px 0}.reader-layout .pc-stamp{font-size:8px;padding:3px}.reader-layout .pc-text{font-size:9px;line-height:1.8;margin:0 0 10px}.reader-layout .pc-footer{font-size:8px;padding-top:8px;gap:5px;flex-wrap:wrap;margin:0}.reader-layout .pc-footer span:last-child{font-size:8px;letter-spacing:0}.reader-layout .pc-airmail{border-width:3px;padding:12px}.reader-layout .airmail-top{margin-bottom:12px}.reader-layout .airmail-label{font-size:7px}.reader-layout .mini-stamp{width:32px;height:40px}.reader-layout .airmail-to{font-size:8px;margin:0}.reader-layout .quote-label{font-size:6px;letter-spacing:0;flex-wrap:wrap}.reader-layout .quote-symbol{font-size:42px;height:33px;margin-top:10px}.reader-layout .quote-rule{margin-bottom:10px}.reader-layout .specimen-top{font-size:6px;letter-spacing:0;margin-bottom:10px;padding-bottom:7px}.reader-layout .specimen-number{font-size:8px}.reader-layout .botanical-layout{display:block}.reader-layout .botanical-layout>img{height:75px;object-fit:contain}.reader-layout .library-frame{padding:10px}.reader-layout .library-top{font-size:6px;letter-spacing:0;margin-bottom:10px}.reader-layout .library-book{font-size:9px;letter-spacing:0;padding-bottom:7px}.reader-layout .library-number{font-size:25px;margin:10px 0}.reader-layout .library-mark{font-size:6px;letter-spacing:1px}.reader-layout .film-number{font-size:6px;left:14px;top:14px;letter-spacing:1px}.reading-paper{width:100%;padding:27px}.page-directory button{grid-template-columns:26px minmax(0,1fr);gap:7px;padding:11px 6px;font-size:11px}.directory-number{font-size:16px}.directory-label{font-size:11px}.directory-text small{font-size:8px}.book-heading{flex-direction:column;gap:10px;margin:23px 0}.book-heading h1{font-size:29px}.book-heading>p{font-size:11px;margin:0}.book-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.book-actions{gap:7px}.book-actions .primary,.book-actions .secondary{font-size:11px;padding:9px 12px;min-height:40px}.background-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.background-choice{padding:7px 7px 11px}.background-choice span{font-size:14px;margin:10px 2px 0;flex-wrap:wrap}.background-choice small{font-size:9px}.background-heading h2{font-size:24px}.cover-settings{padding:23px}.book-card-actions .text-button{min-height:40px}}
@media(max-width:400px){.reader-layout aside{display:block;max-width:330px;margin:auto}.reader-layout #reader-card{display:none}.reader-layout .under-card{display:none}.reader-layout .page-directory{margin:0}.book-actions .secondary{padding:9px 8px}.book-actions .primary{padding:9px 10px}.view-toolbar{flex-wrap:wrap}.reading-paper{padding:24px 20px}.page-turner{gap:8px}.page-turner button{font-size:11px}.cover-settings{padding:20px}.background-gallery{gap:13px}.background-choice small{display:none}}
#page-list{max-height:390px;overflow-y:auto;overscroll-behavior:contain}#page-select{display:none;width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:12px;font:16px var(--sans);min-width:0}
@media(max-width:650px){.reader-layout aside{display:block;max-width:none;margin:0}.reader-layout #reader-card,.reader-layout .under-card{display:none}.reader-layout .page-directory{margin:0;width:100%}#page-list{display:none}#page-select{display:block}.directory-label{font-size:12px;margin-bottom:10px}}