:root{--color-paper:#faf8f2;--color-paper-shade:#efebe0;--color-sumi:#26241f;--color-sumi-soft:#6b6659;--color-ink:#2b4a73;--color-kippu:#3e7c63;--color-shu:#b3402a;--color-keisen:#e2dccc;--font-display:"Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-body:"Zen Kaku Gothic New", "Yu Gothic", "Hiragino Sans", sans-serif;--font-mono:"IBM Plex Mono", "Consolas", monospace;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:26px;--text-2xl:34px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:10px;--radius-book:4px 10px 10px 4px;--dur-instant:80ms;--dur-fast:.16s;--dur-page:.45s;--ease-paper:cubic-bezier(.22, 1, .36, 1);font-family:var(--font-body);color:var(--color-sumi);background:var(--color-paper-shade);font-size:var(--text-md);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}#root{max-width:100%;min-height:100svh;overflow-x:hidden}h1,h2,h3,p{margin:0}h1,.content-heading,.book-cover h2,.paper-page--cover h1{font-family:var(--font-display);letter-spacing:.04em}img{max-width:100%;display:block}@media (width>=768px){:root{--text-2xl:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}.app-shell{background:linear-gradient(90deg, #26241f08 1px, transparent 1px) 0 0 / 24px 24px, var(--color-paper);max-width:100%;min-height:100svh;overflow-x:hidden}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-keisen);background:color-mix(in srgb, var(--color-paper) 92%, white);z-index:20;max-width:100%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-height:44px;color:var(--color-sumi);font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{border:1px solid var(--color-ink);border-radius:var(--radius-book);width:32px;height:40px;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-sm);border-left-width:4px;place-items:center;display:grid}.app-header__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.button,.icon-button,.file-picker{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;min-height:52px;transition:transform var(--dur-instant) var(--ease-paper), background-color var(--dur-fast) var(--ease-paper), border-color var(--dur-fast) var(--ease-paper);border:1px solid #0000;text-decoration:none;display:inline-flex}.button{padding:0 var(--space-5);font-weight:700;font-size:var(--text-md)}.button:active,.icon-button:active,.file-picker:active{transform:translateY(1px)}.button:disabled,.icon-button:disabled{opacity:.48;cursor:not-allowed}.button--primary{background:var(--color-ink);color:#fff}.button--secondary{background:var(--color-paper);border-color:var(--color-ink);color:var(--color-ink)}.button--ghost{color:var(--color-ink);background:0 0}.button--danger{background:var(--color-shu);color:#fff}.icon-button{background:var(--color-paper);border-color:var(--color-keisen);width:52px;min-width:52px;color:var(--color-ink);font-weight:700;font-size:var(--text-lg);padding:0}.icon-link{border-radius:var(--radius-sm);border:1px solid var(--color-keisen);background:var(--color-paper);width:52px;height:52px;color:var(--color-ink);font-weight:700;font-size:var(--text-xl);place-items:center;line-height:1;text-decoration:none;display:inline-grid}.sort-control{align-items:center;gap:var(--space-2);min-height:52px;color:var(--color-sumi-soft);font-size:var(--text-sm);display:inline-flex}.sort-control select{min-height:52px}.sort-control select,input,select,textarea{border:1px solid var(--color-keisen);border-radius:var(--radius-sm);background:var(--color-paper-shade);width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--color-sumi);padding:var(--space-2) var(--space-3)}textarea{resize:vertical;min-height:112px;line-height:1.8}label{gap:var(--space-2);display:grid}label>span,legend{color:var(--color-sumi-soft);font-size:var(--text-sm);font-weight:500}fieldset{border:0;margin:0;padding:0}.muted,.field-help{color:var(--color-sumi-soft);font-size:var(--text-sm)}.field-error,.text-danger{color:var(--color-shu)}.library{padding:var(--space-6) var(--space-5) var(--space-8);max-width:100%;overflow-x:hidden}.library__intro{max-width:1120px;margin:0 auto var(--space-6);gap:var(--space-1);display:grid}.library__intro p,.eyebrow{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.library__intro h1,.wizard h1,.settings-page h1,.import-page h1{font-size:var(--text-2xl);line-height:1.2}.bookshelf{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:1120px;margin:0 auto;display:grid}.shelf-slot{min-width:0;padding:0 var(--space-2) var(--space-4);position:relative}.shelf-slot:after{content:"";border-top:1px solid color-mix(in srgb, var(--color-sumi) 14%, transparent);background:linear-gradient(90deg, #26241f0a, transparent 32px), var(--color-paper-shade);height:6px;position:absolute;bottom:0;left:0;right:0}.book-tile{gap:var(--space-2);text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:grid}.book-cover{--shiori-accent:var(--color-kippu);aspect-ratio:3/4.2;border-radius:var(--radius-book);background:linear-gradient(90deg, #26241f2e, transparent 18px), var(--shiori-accent);border:1px solid color-mix(in srgb, var(--shiori-accent) 76%, var(--color-sumi));color:#fff;flex-shrink:1;width:min(100%,164px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 1px #0000001f,2px 3px #0000000f}.book-cover--compact{width:128px}.book-cover__spine{z-index:2;background:#ffffff6b;width:2px;position:absolute;inset:0 auto 0 14px}.book-cover__image{object-fit:cover;filter:saturate(.9);width:100%;height:100%}.book-cover__text{inset:var(--space-4);justify-content:center;gap:var(--space-2);z-index:3;flex-direction:column;min-width:0;display:flex;position:absolute}.book-cover__text--bottom{justify-content:flex-end}.book-cover__text--band{inset:auto 0 var(--space-5);color:var(--color-sumi);padding:var(--space-3) var(--space-4);background:#faf8f2e6}.book-cover__text p{font-size:var(--text-xs);font-family:var(--font-mono)}.book-cover h2{font-size:var(--text-lg);line-height:1.35}.book-cover--font-mincho .book-cover__text,.shiori-font-mincho{font-family:var(--font-display)}.book-cover--font-maru .book-cover__text,.shiori-font-maru{font-family:"Zen Maru Gothic", "Yu Gothic", var(--font-body)}.book-cover--font-mono .book-cover__text,.shiori-font-mono{font-family:var(--font-mono)}.cover-decorations{z-index:2;pointer-events:none;position:absolute;inset:0}.cover-decorations--paper{z-index:1}.cover-decoration{width:48px;height:48px;padding:var(--space-1);color:var(--color-sumi);font-family:var(--font-display);font-size:var(--text-lg);text-align:center;background:#faf8f2db;border:1px solid #faf8f2b8;border-radius:50%;place-items:center;line-height:1.1;display:grid;position:absolute;overflow:hidden;transform:rotate(-8deg)}.cover-decoration img{object-fit:cover;border-radius:50%;width:100%;height:100%}.cover-decoration--s{width:40px;height:40px;font-size:var(--text-sm)}.cover-decoration--l{width:72px;height:72px;font-size:var(--text-xl)}.cover-decoration--topLeft{top:var(--space-5);left:var(--space-6)}.cover-decoration--topRight{top:var(--space-5);right:var(--space-4);transform:rotate(8deg)}.cover-decoration--center{top:42%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.cover-decoration--bottomLeft{left:var(--space-6);bottom:var(--space-5);transform:rotate(7deg)}.cover-decoration--bottomRight{right:var(--space-4);bottom:var(--space-5)}.book-tile__title{color:var(--color-sumi);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.book-tile__date{color:var(--color-sumi-soft);font-family:var(--font-mono);font-size:var(--text-xs)}.book-tile__menu{top:var(--space-2);right:var(--space-2);background:color-mix(in srgb, var(--color-paper) 88%, transparent);border-color:var(--color-ink);z-index:3;position:absolute}.fab{left:var(--space-5);bottom:var(--space-5);color:#fff;background:var(--color-ink);border:1px solid var(--color-ink);width:56px;height:56px;font-size:var(--text-xl);z-index:15;border-radius:50%;place-items:center;text-decoration:none;display:grid;position:fixed}.empty-state{max-width:520px;margin:var(--space-8) auto;place-items:center;gap:var(--space-4);text-align:center;display:grid}.empty-state__drawing{align-items:end;gap:var(--space-2);height:120px;display:flex}.empty-state__drawing span{border:2px solid var(--color-ink);border-radius:var(--radius-book);background:var(--color-paper);border-left-width:8px;width:40px}.empty-state__drawing span:first-child{height:96px}.empty-state__drawing span:nth-child(2){height:112px}.empty-state__drawing span:nth-child(3){height:88px}.bottom-sheet,.toc-sheet{left:50%;bottom:var(--space-4);background:var(--color-paper);border:1px solid var(--color-keisen);border-radius:var(--radius-md);width:min(420px,100vw - 32px);padding:var(--space-5);z-index:40;gap:var(--space-3);display:grid;position:fixed;transform:translate(-50%)}.bottom-sheet__handle{background:var(--color-keisen);border-radius:var(--radius-sm);justify-self:center;width:48px;height:4px}.bottom-sheet h2,.toc-sheet h2,.panel h2{font-size:var(--text-lg)}.bottom-sheet button:not(.button){text-align:left;cursor:pointer;background:0 0;border:0;min-height:44px}.bottom-sheet hr{border:0;border-top:1px solid var(--color-keisen);width:100%}.modal-backdrop{z-index:60;padding:var(--space-5);background:#26241f5c;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--color-paper);border:1px solid var(--color-keisen);border-radius:var(--radius-md);width:min(480px,100%);padding:var(--space-6);gap:var(--space-4);display:grid;box-shadow:0 16px 48px #26241f2e,0 2px #26241f14}.modal__actions{justify-content:flex-end;gap:var(--space-3);display:flex}.ticket-stub{min-height:32px;padding:var(--space-1) var(--space-4);color:var(--color-sumi);background:radial-gradient(circle at 0 50%, transparent 0 8px, var(--color-paper) 9px), radial-gradient(circle at 100% 50%, transparent 0 8px, var(--color-paper) 9px), var(--color-paper);border:1px dashed var(--color-kippu);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}.ticket-stub--accent{background:radial-gradient(circle at 0 50%, transparent 0 8px, var(--shiori-accent,var(--color-kippu)) 9px), radial-gradient(circle at 100% 50%, transparent 0 8px, var(--shiori-accent,var(--color-kippu)) 9px), var(--shiori-accent,var(--color-kippu));border-color:color-mix(in srgb, white 78%, var(--shiori-accent,var(--color-kippu)));color:#fff}.toast-region{left:50%;bottom:var(--space-5);z-index:80;pointer-events:none;position:fixed;transform:translate(-50%)}.toast{min-width:180px}.wizard{gap:var(--space-6);min-height:calc(100svh - 64px);padding:var(--space-6);background:var(--color-paper-shade);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:100%;display:grid;overflow-x:hidden}.wizard__preview{place-items:center;min-width:0;display:grid}.wizard__preview .book-cover{width:min(340px,90%)}.wizard__panel,.panel{background:var(--color-paper);border:1px solid var(--color-keisen);border-radius:var(--radius-md)}.wizard__panel{padding:var(--space-6);gap:var(--space-5);align-self:center;min-width:0;display:grid}.form-stack,.panel,.block-editor,.import-page,.settings-page{gap:var(--space-4);min-width:0;max-width:100%;display:grid}.form-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.wizard__actions,.page-actions,.template-buttons,.block-palette{gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatches legend,.segmented legend,.template-list legend{flex:0 0 100%}.swatch{border:2px solid var(--color-paper);border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px}.swatches--small .swatch{width:32px;height:32px;min-height:32px}.swatch.is-selected{outline:2px solid var(--color-ink)}.segmented{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.segmented button{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-keisen);background:var(--color-paper);border-radius:var(--radius-sm)}.segmented .is-selected{border-color:var(--color-ink);color:var(--color-ink);font-weight:700}.segmented--compact button{min-height:40px;padding:0 var(--space-3)}.cover-decoration-editor,.inline-form,.decoration-list{gap:var(--space-3);min-width:0;display:grid}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.decoration-list{margin:0;padding:0;list-style:none}.decoration-list li{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--color-keisen);border-radius:var(--radius-sm);background:var(--color-paper);grid-template-columns:minmax(64px,1fr) minmax(96px,1fr) auto;display:grid}.decoration-list--editor li{grid-template-columns:minmax(56px,1fr) minmax(88px,1fr) minmax(72px,.8fr) auto}.decoration-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.decoration-list button{cursor:pointer;background:0 0;border:0;min-height:40px}.template-list{gap:var(--space-3);display:grid}.template-list label{padding:var(--space-3);border:1px solid var(--color-keisen);border-radius:var(--radius-sm);grid-template-columns:24px 1fr;align-items:start}.template-list strong{color:var(--color-sumi);display:block}.viewer{background:var(--color-paper-shade);touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.viewer--missing{align-content:center;gap:var(--space-4)}.viewer-bar,.viewer-footer{left:var(--space-4);right:var(--space-4);z-index:30;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-paper);position:fixed}.viewer--chrome .viewer-bar,.viewer--chrome .viewer-footer{opacity:1;pointer-events:auto}.viewer-bar{top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2);border:1px solid var(--color-keisen);background:color-mix(in srgb, var(--color-paper) 94%, transparent);display:flex}.viewer-bar>div{align-items:center;gap:var(--space-2);display:flex}.viewer-footer{bottom:var(--space-4);justify-content:center;display:flex}.viewer__stage{width:min(100%,760px);min-height:100svh;padding:var(--space-8) var(--space-5);perspective:1600px;touch-action:pan-y;place-items:center;min-width:0;display:grid}.paper-page{aspect-ratio:2/3;touch-action:pan-y;background:linear-gradient(90deg, #2b4a7314 1px, transparent 1px) 48px 0 / 24px 100%, var(--color-paper);border:1px solid var(--color-keisen);width:min(640px,66.67svh - 96.0048px,100vw - 48px);max-width:100%;height:min(960px,100svh - 144px,150vw - 72px);min-height:0;padding:var(--space-6) var(--space-5);transform-origin:0;animation:pageIn var(--dur-page) var(--ease-paper);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow-y:auto}.paper-page--cover{justify-content:center;gap:var(--space-4);color:var(--color-sumi);background:linear-gradient(90deg, color-mix(in srgb, var(--shiori-accent) 28%, transparent), transparent 96px), var(--color-paper)}.paper-page--cover p{color:var(--color-ink);font-family:var(--font-mono)}.paper-page--cover>p,.paper-page--cover>h1,.paper-page--cover>span{z-index:2;position:relative}.paper-page--cover h1{font-size:var(--text-2xl);line-height:1.35}.paper-page__cover-rule{left:var(--space-5);top:var(--space-5);bottom:var(--space-5);background:var(--shiori-accent);width:4px;position:absolute}.paper-page__blocks{gap:var(--space-5);display:grid}.paper-page__number{right:var(--space-5);bottom:var(--space-5);position:absolute}@keyframes pageIn{0%{opacity:0;transform:rotateY(-7deg)translate(-12px)}to{opacity:1;transform:rotateY(0)translate(0)}}.page-edge{z-index:10;cursor:pointer;touch-action:none;background:0 0;border:0;width:18vw;position:fixed;top:88px;bottom:88px}.page-edge--left{left:0}.page-edge--right{right:0}.content-heading{color:var(--color-sumi);line-height:1.4}.content-heading--center{text-align:center}.content-heading:not(h1),.content-heading h2{font-size:var(--text-lg)}.content-text{white-space:pre-wrap;line-height:1.8}.map-link,.url-card{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-4);border:1px solid var(--color-keisen);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-sumi);text-decoration:none;display:flex}.map-link>span:last-child,.url-card{gap:var(--space-1);display:grid}.map-link>span:first-child{width:32px;height:32px;color:var(--color-ink);border:1px solid var(--color-ink);border-radius:50%;place-items:center;display:grid}.url-card span,.map-link span span,.timeline p,.timeline a{color:var(--color-sumi-soft);font-size:var(--text-sm)}.checklist{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.checklist label{grid-template-columns:24px 1fr;align-items:center;min-height:44px}.timeline{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.timeline li{gap:var(--space-3);border-bottom:1px solid var(--color-keisen);padding-bottom:var(--space-3);grid-template-columns:72px 1fr;display:grid}.timeline time{color:var(--color-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.divider{border:0;border-top:1px solid var(--color-keisen);width:100%}.divider--dots{border-top-style:dotted}.divider--tape{border:1px solid var(--color-keisen);background:repeating-linear-gradient(45deg, var(--color-paper-shade), var(--color-paper-shade) 8px, var(--color-paper) 8px, var(--color-paper) 16px);height:16px}.sticker{border:2px solid var(--color-kippu);color:var(--color-kippu);width:72px;height:72px;font-family:var(--font-display);text-align:center;padding:var(--space-2);border-radius:50%;justify-self:start;place-items:center;line-height:1.2;display:grid;transform:rotate(-8deg)}.sticker--center{justify-self:center}.sticker--right{justify-self:end}.sticker--s{width:56px;height:56px;font-size:var(--text-sm)}.sticker--l{width:88px;height:88px}.content-image{gap:var(--space-2);width:var(--image-width,100%);justify-self:center;margin:0;display:grid}.content-image--left{justify-self:start}.content-image--right{justify-self:end}.content-image img{border:1px solid var(--color-keisen);background:var(--color-paper-shade);width:100%}.image-placeholder{border:1px solid var(--color-keisen);background:var(--color-paper-shade);min-height:180px;color:var(--color-sumi-soft);place-items:center;display:grid}.content-image figcaption{color:var(--color-sumi-soft);font-size:var(--text-sm)}.ticket-row{min-height:44px;padding:var(--space-2) var(--space-4);border:1px dashed var(--color-kippu);background:radial-gradient(circle at 0 50%, transparent 0 8px, var(--color-paper) 9px), radial-gradient(circle at 100% 50%, transparent 0 8px, var(--color-paper) 9px), var(--color-paper);cursor:pointer;font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.editor{gap:var(--space-4);min-height:calc(100svh - 64px);padding:var(--space-4);background:var(--color-paper-shade);grid-template-columns:280px minmax(360px,1fr) 340px;max-width:100%;display:grid;overflow-x:hidden}.editor__sidebar,.editor__properties{align-content:start;gap:var(--space-4);min-width:0;display:grid}.panel{padding:var(--space-4)}.editor__canvas{place-items:start center;min-width:0;max-width:100%;display:grid;overflow-x:hidden}.editor__canvas .paper-page{min-height:720px}.save-status{color:var(--color-sumi-soft);font-size:var(--text-sm)}.page-list,.trash-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.page-list button,.trash-list li{align-items:center;gap:var(--space-2);border:1px solid var(--color-keisen);background:var(--color-paper);width:100%;min-height:44px;padding:var(--space-2);border-radius:var(--radius-sm);text-align:left;display:flex}.page-list .is-selected{border-color:var(--color-ink);color:var(--color-ink)}.page-list span{font-family:var(--font-mono);font-size:var(--text-xs)}.check-row{grid-template-columns:24px 1fr;align-items:center}.block-editor-list{gap:var(--space-3);display:grid}.block-editor{border:1px solid var(--color-keisen);border-radius:var(--radius-sm);padding:var(--space-3)}.block-editor header{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.block-editor header span{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.mini-list{gap:var(--space-2);display:grid}.mini-list label{grid-template-columns:24px 1fr;align-items:center}.timeline-edit{gap:var(--space-2);grid-template-columns:88px 1fr;display:grid}.import-page,.settings-page,.missing-page{width:min(860px,100% - 32px);padding:var(--space-6) 0;margin:0 auto}.import-page__drop{place-items:start;min-height:260px}.file-picker{padding:0 var(--space-4);background:var(--color-ink);color:#fff;font-weight:700;position:relative}.file-picker input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.import-page__preview{grid-template-columns:160px 1fr;align-items:center}.stats-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.stats-list div{padding:var(--space-4);border:1px solid var(--color-keisen);border-radius:var(--radius-sm)}.stats-list dt{color:var(--color-sumi-soft);font-size:var(--text-sm)}.stats-list dd{margin:var(--space-1) 0 0;font-family:var(--font-mono)}.trash-list li{justify-content:space-between}@media (width>=480px){.bookshelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.bookshelf{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.bookshelf{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=1023px){.wizard,.editor{grid-template-columns:1fr}.editor__sidebar,.editor__properties{order:2}.editor__canvas{order:1}}@media (width<=640px){.app-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-direction:row}.brand{gap:0;min-width:40px}.brand>span:last-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand__mark{width:40px;height:48px;font-size:var(--text-sm)}.app-header__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:nowrap;flex:1;min-width:0;display:flex}.app-header__actions .button,.app-header__actions .icon-link,.app-header__actions .sort-control,.app-header__actions .sort-control select{height:48px;min-height:48px}.app-header__actions .button{padding:0 var(--space-3);white-space:nowrap}.app-header__actions .icon-link{width:48px;min-width:48px;font-size:28px}.app-header__actions .sort-control{flex:0 112px}.app-header__actions .sort-control>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-header__actions .sort-control select{width:100%;padding:0 var(--space-2)}.library,.wizard,.editor{padding:var(--space-4)}.wizard{gap:var(--space-4);width:100%}.wizard__preview .book-cover{width:min(260px,76vw)}.form-grid,.stats-list,.import-page__preview,.inline-form,.decoration-list li,.decoration-list--editor li,.timeline-edit{grid-template-columns:1fr}.segmented button,.template-buttons .button,.block-palette .button{flex:1 1 calc(50% - var(--space-2));padding:0 var(--space-2)}.block-editor header{flex-direction:column;align-items:start}.block-editor header span{justify-content:start}.viewer__stage{padding:var(--space-7) var(--space-3)}.paper-page{width:min(100vw - 24px,66.67svh - 74.6704px);height:min(780px,100svh - 112px,150vw - 36px);min-height:0;padding:var(--space-5)}.viewer-bar{left:var(--space-2);right:var(--space-2)}.viewer-bar strong{white-space:nowrap;text-overflow:ellipsis;max-width:96px;overflow:hidden}.timeline li{grid-template-columns:1fr}}