body{margin:0;color:var(--ink);background:var(--paper);font-family:Atkinson,Arial,sans-serif;font-size:14px;overflow:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,input,textarea,select{outline:none}
:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}
button{border:0;background:transparent}button svg,.icon svg{display:block}
svg.ui-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.skip-link{position:fixed;left:12px;top:-60px;padding:12px;background:var(--pencil);z-index:1000;color:var(--ink)}.skip-link:focus{top:12px}
.app-header{height:78px;background:var(--sun);border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:14px;padding:0 25px;position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--ink)}.brand img{width:147px;height:37px}.brand span{border-left:1px solid #8F713954;padding-left:18px;font-size:15px}.header-middle{flex:1;text-align:center}.studio-tag{font-size:11px;letter-spacing:2px;font-weight:700;color:#726049}
.button{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #B7A98D;border-radius:5px;background:var(--paper);font-weight:700;transition:background .16s,transform .16s;white-space:nowrap}
.button:hover{background:var(--paper-2)}.primary{background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:2px 3px 0 #AF8735;min-width:120px}.primary:hover{background:var(--ink);transform:translate(1px,1px)}.primary [data-icon]:first-child{color:#F5CD61}.header-template{background:#F8EDC9;border-color:#B29E68}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:5px;flex-shrink:0}.icon-button:hover{background:var(--paper-2)}.subtle{border:0;background:transparent;padding:0 12px}
.document-bar{height:62px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:0 23px;background:var(--paper);position:relative;z-index:10}.document-bar> [data-icon]{color:#77694F}
#document-name{background:transparent;border:1px solid transparent;padding:8px 5px;width:260px;font-weight:700;font-size:15px;border-radius:3px;text-overflow:ellipsis}#document-name:hover,#document-name:focus{border-color:var(--line);background:var(--card)}
.save-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fine);white-space:nowrap}.save-dot,.status-dot{width:6px;height:6px;display:inline-block;background:#739C70;border-radius:50%;margin-right:1px}.bar-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.bar-divider{height:21px;width:1px;background:var(--line);margin:0 10px}
.workspace{height:calc(100dvh - 140px);display:grid;grid-template-columns:224px minmax(0,1fr) 290px}
.page-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:19px 16px 0;background:#F8F5ED;z-index:9}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1.2px;min-height:36px;margin-bottom:12px}.sidebar-heading .icon-button{height:36px;width:36px}
.page-list{overflow-y:auto;max-height:calc(100% - 225px);padding:3px 3px 6px;scrollbar-width:thin}.page-item{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:9px 9px 10px;width:100%;text-align:left;align-items:center;margin-bottom:8px;border:1px solid transparent;border-radius:6px;position:relative}.page-item:hover{background:var(--paper-2)}.page-item.active{background:#F6EFDF;border-color:#BBAA89;box-shadow:0 2px 0 #DED3BB}.mini-page{width:33px;height:43px;background:var(--paper);box-shadow:1px 2px 0 #DED4BF;border:1px solid #D0C7B4;border-radius:1px;padding:6px 4px;display:flex;flex-direction:column;gap:3px;position:relative}.mini-page:before{content:'';width:12px;height:5px;background:var(--chapter);margin-bottom:3px}.mini-page i{width:100%;height:1px;background:#C8BDA8}.mini-page i:nth-child(3){width:75%}.mini-page .mini-title{height:6px;width:90%;background:#1E2B4870}.page-item strong{font-size:13px;display:block;font-weight:700;line-height:1.3;margin-bottom:4px}.page-item small{font-size:12px;color:var(--fine)}.page-item.active:after{content:'';position:absolute;right:-4px;top:22px;width:3px;height:19px;background:var(--ink);border-radius:2px}.add-page{width:100%;border:1px dashed #B2A487;background:transparent;margin-top:9px;font-size:13px}.sidebar-bottom{margin-top:auto;padding:18px 0 20px}.pencil-note{font:700 24px/1.05 Caveat,cursive;color:#77694F;transform:rotate(-4deg);margin:0 0 30px 13px;position:relative}.pencil-note svg{position:absolute;right:16px;top:15px;width:58px;height:39px;fill:none;stroke:#A39880;stroke-width:1.5}.import-button{width:100%;font-size:13px;border-color:var(--line);padding:0 9px}.local-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:var(--fine);margin-top:13px}.local-note svg{height:12px;width:12px}
.canvas-panel{background-color:#EEE8DC;background-image:radial-gradient(#D8CDBC .7px,transparent .7px);background-size:8px 8px;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.canvas-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;flex-shrink:0;gap:8px}.page-breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--fine);min-width:0}.page-breadcrumb #page-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.breadcrumb-dot{width:6px;height:6px;border:1px solid #A39880;border-radius:50%}.muted{color:#A39880}.zoom-controls{display:flex;align-items:center;gap:0;background:#FBF8F180;border:1px solid #D0C7B4;border-radius:5px;height:34px}.zoom-controls .icon-button{width:33px;height:32px}.zoom-controls .ui-icon{width:14px;height:14px}.zoom-controls>button:not(.icon-button){font-size:12px;min-width:46px;font-weight:700;height:32px}.canvas-scroll{overflow:auto;flex:1;padding:12px 25px 36px;scrollbar-width:thin}.page-wrapper{position:relative;margin:0 auto;transition:width .15s}.page-wrapper #page-render{position:absolute;left:0;top:0;transform-origin:top left}.canvas-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:#77694F;font-size:12px;margin:27px 0 4px}.canvas-hint .ui-icon{width:14px;height:14px}.canvas-status{height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;font-size:11px;color:var(--fine);border-top:1px solid #D0C7B480;background:#EEE8DCC0;flex-shrink:0}.canvas-status>span:first-child{display:flex;align-items:center;gap:5px}.canvas-status .warning{color:#913333;font-weight:700}.canvas-status .warning:before{content:'⚠ ';}
.document-block[role=button]{cursor:pointer;outline:1px solid transparent;outline-offset:7px;border-radius:1px}.document-block[role=button]:hover{outline:1px dashed #B7A98D;background:#F3CB5710}.document-block.selected{outline:1.5px solid var(--chapter);background:#F3CB5708}.document-block.selected:after{content:'';position:absolute;width:7px;height:7px;right:-11px;bottom:-11px;border:1px solid var(--chapter);background:var(--paper)}
.inspector{border-left:1px solid var(--line);background:var(--paper);overflow-y:auto;scrollbar-width:thin;min-height:0}.inspector-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:0 21px;height:57px;align-items:stretch}.inspector-tabs button{min-width:80px;position:relative;font-weight:700;font-size:13px}.inspector-tabs button[aria-selected=true]:after{content:'';height:3px;background:var(--ink);position:absolute;bottom:-1px;left:0;right:0}.tiny-spark{color:#B36A26;margin-left:6px;font-size:17px}#inspector-content{padding:22px 21px}.inspector-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.inspector-title h2{font-size:14px;margin:0}.pill{font-size:11px;border:1px solid #D0C7B4;border-radius:3px;padding:3px 6px;color:var(--fine);background:var(--paper-2)}.section-label{font-size:11px;letter-spacing:1.1px;font-weight:700;color:#716953;margin:23px 0 11px}.helper{font-size:12px;line-height:1.5;color:var(--fine);margin:9px 0 18px}.field-label{display:block;font-size:12px;font-weight:700;margin:15px 0 7px}.text-field,.text-area,.select-field{display:block;width:100%;border:1px solid #B7A98D;border-radius:5px;background:var(--card);padding:11px 12px;font-size:14px;line-height:1.5}.text-area{resize:vertical;min-height:148px;max-height:400px}.text-field:focus,.text-area:focus,.select-field:focus{background:#FFFCF1;border-color:var(--ink)}.text-area.title-editor{font:700 26px/1.3 Caveat,cursive;min-height:126px}.add-block-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.block-option{display:flex;align-items:center;gap:8px;text-align:left;min-height:44px;border:1px solid var(--line);border-radius:4px;background:var(--card);padding:9px;font-size:12px}.block-option:hover{background:var(--paper-2);border-color:#B7A98D}.block-option svg{width:16px;height:16px}.separator{border:0;border-top:1px dashed var(--line);margin:24px 0}.block-actions{display:flex;gap:4px;margin:11px 0;align-items:center}.block-actions .icon-button{width:36px;height:36px;border:1px solid var(--line);background:var(--card)}.block-actions .danger{margin-left:auto;color:#913333}.page-actions{display:flex;flex-wrap:wrap;gap:6px}.page-actions .button{font-size:12px;min-height:38px;padding:0 10px}.page-actions .button svg{width:14px;height:14px}.margin-tip{padding:14px;background:var(--paper-2);border:1px solid #DED4BF;border-radius:5px;display:flex;gap:10px;margin-top:23px}.margin-tip p{margin:0;color:var(--fine);font-size:12px;line-height:1.55}.margin-tip svg{color:#B36A26}.swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.swatch{height:29px;width:29px;border-radius:50%;border:2px solid transparent;position:relative}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px;border:2px solid var(--paper)}.swatch[aria-pressed=true]:after{content:'✓';font-weight:700}.design-preview{padding:18px;border:1px solid var(--line);border-radius:5px;background:var(--card)}.design-preview h3{font:700 31px Caveat,cursive;margin:0 0 3px}.design-preview p{font-size:12px;color:var(--fine);margin:0}.design-preview .sample-highlight{background:linear-gradient(transparent 55%,var(--chapter) 55%)}.switch-row{display:flex;align-items:center;gap:10px;margin-top:19px;font-size:13px}.switch-row input{accent-color:var(--ink);width:18px;height:18px}.layout-options{display:flex;gap:6px}.layout-option{flex:1;border:1px solid var(--line);padding:12px 3px 9px;border-radius:5px;font-size:12px;background:var(--card)}.layout-option span{display:block;font:700 23px Caveat,cursive;margin-bottom:8px}.layout-option[aria-pressed=true]{border:1.5px solid var(--ink);box-shadow:1px 2px 0 var(--ink);background:var(--chapter-wash)}
.export-menu{position:absolute;right:24px;top:69px;width:312px;background:var(--card);border:1px solid #B7A98D;box-shadow:3px 5px 0 #DED4BF,0 12px 25px #473B2110;border-radius:7px;padding:10px;z-index:30}.export-menu[hidden]{display:none}.export-menu>p{font:700 25px Caveat,cursive;margin:7px 10px 12px}.export-menu>button{min-height:61px;display:flex;gap:13px;align-items:center;width:100%;text-align:left;border-radius:4px;padding:8px 10px;font-size:14px}.export-menu>button:hover{background:var(--paper-2)}.export-menu small{display:block;font-size:12px;color:var(--fine);margin-top:4px}.file-tag{margin-left:auto;color:var(--fine);font-size:12px}.export-menu hr{border:0;border-top:1px dashed var(--line);margin:6px}
dialog{border:1px solid var(--ink);border-radius:9px;background:var(--paper);color:var(--ink);padding:0;max-width:760px;width:calc(100% - 36px);box-shadow:5px 7px 0 #B7AD9D;max-height:90dvh;overflow:auto}dialog::backdrop{background:#1E2B4859;backdrop-filter:blur(2px)}.dialog-header{padding:27px 30px 15px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-header h2{font:700 40px/1.1 Caveat,cursive;margin:0 0 8px}.dialog-header p{font-size:14px;line-height:1.5;color:var(--fine);margin:0}.dialog-body{padding:13px 30px 30px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.template-card{text-align:left;border:1px solid #B7A98D;background:var(--card);border-radius:6px;padding:13px;transition:transform .2s}.template-card:hover{transform:translateY(-3px);box-shadow:2px 3px 0 #DED4BF;border-color:var(--ink)}.template-art{height:122px;background:#EEE8DC;border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:13px}.template-art:before{content:'';position:absolute;width:100px;height:126px;top:16px;background:var(--paper);border:1px solid #D0C7B4;transform:rotate(-5deg);box-shadow:3px 3px 0 #DED4BF}.template-art>div{z-index:1;transform:rotate(-5deg);width:73px;margin-top:28px}.template-art b{font:700 23px/1.05 Caveat,cursive;display:block;margin-bottom:9px}.template-art .strip{height:10px;background:var(--chapter);width:65px;margin:7px 0}.template-art i{display:block;height:2px;width:100%;background:#C8BDA8;margin:6px 0}.template-card h3{font-size:14px;margin:0 0 5px}.template-card p{font-size:12px;line-height:1.5;color:var(--fine);margin:0 0 10px;min-height:36px}.template-card small{font-size:11px;color:var(--fine)}.dialog-footer-note{font-size:12px;color:var(--fine);margin-top:19px}.import-tabs{display:flex;gap:10px;margin-bottom:17px}.import-tabs .button{font-size:13px}.dialog-body .text-area{min-height:220px}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:19px}.dialog-footer .helper{margin:0}.yellow-button{background:var(--pencil);border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink);font-weight:700}.yellow-button:hover{background:var(--sun)}.library-row{display:flex;align-items:center;gap:10px;border-bottom:1px dashed var(--line);padding:10px 0}.library-row>button:first-child{flex:1;text-align:left;padding:10px;border-radius:5px}.library-row>button:first-child:hover{background:var(--paper-2)}.library-row strong{display:block;font-size:15px}.library-row small{display:block;color:var(--fine);font-size:12px;margin-top:5px}.library-row .delete-draft{color:#913333}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 21px;background:var(--ink);color:var(--paper);font-size:14px;border:1px solid #B7A98D;border-radius:5px;box-shadow:2px 4px 0 #AF8735;z-index:100;max-width:min(560px,90vw);line-height:1.5}.mobile-pages,.mobile-design{display:none}
.preview-mode .workspace{grid-template-columns:minmax(0,1fr)}.preview-mode .page-sidebar,.preview-mode .inspector{display:none}.preview-mode .canvas-hint{visibility:hidden}.preview-mode .document-block{cursor:default;outline:none!important}.preview-mode .document-block:after{display:none}.preview-mode .canvas-toolbar{max-width:1000px;width:100%;margin:0 auto}.preview-mode .canvas-scroll{padding-bottom:50px}
@media(min-width:1500px){.workspace{grid-template-columns:250px minmax(0,1fr) 310px}.page-sidebar{padding-left:24px;padding-right:24px}}
@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(0,1fr) 255px}.page-sidebar{padding:15px 12px 0}#inspector-content{padding:18px 15px}.studio-tag{display:none}.save-status{font-size:11px}.swatch{width:26px;height:26px}.swatches{gap:5px}.canvas-toolbar{padding:0 16px}.canvas-scroll{padding-left:18px;padding-right:18px}.page-breadcrumb #page-label{max-width:110px}.pencil-note{font-size:22px}.canvas-status>span:last-child{max-width:65%;text-align:right}}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 270px}.page-sidebar{display:none;position:absolute;left:0;top:140px;bottom:0;width:224px;box-shadow:5px 0 20px #473B2110}.page-sidebar.open{display:flex}.mobile-pages{display:flex}.app-header{padding:0 17px}.document-bar{padding:0 12px;gap:6px}.save-status{margin-left:auto}.bar-actions{margin-left:8px}#document-name{width:205px}.brand span{font-size:13px}.header-middle{display:none}.header-template{margin-left:auto}}
@media(max-width:760px){.workspace{grid-template-columns:minmax(0,1fr)}.inspector{display:none;position:absolute;right:0;top:140px;bottom:0;width:290px;z-index:12;box-shadow:-5px 0 20px #473B2110}.inspector.open{display:block}.mobile-design{display:flex}.app-header{gap:8px;padding:0 13px}.brand img{width:130px;height:auto}.brand span{display:none}.header-template{font-size:12px;padding:0 11px;gap:6px}.app-header .primary{min-width:98px;font-size:13px;padding:0 11px;gap:7px}.document-bar{height:62px}.document-bar>[data-icon]{display:none}#document-name{width:160px;font-size:13px;padding-left:0}.save-status{display:none}.bar-actions{margin-left:auto}.bar-divider{display:none}.bar-actions .subtle{padding:0 5px}.bar-actions .subtle #preview-label{display:none}.bar-actions .icon-button{width:34px}.document-bar>.icon-button{width:34px}.canvas-toolbar{padding:0 15px}.canvas-scroll{padding:5px 16px 30px}.canvas-status{padding:0 12px}.export-menu{right:12px;top:70px;max-width:calc(100vw - 24px)}.template-grid{grid-template-columns:1fr 1fr}.dialog-header{padding:22px 20px 12px}.dialog-body{padding:12px 20px 22px}.dialog-header h2{font-size:34px}.dialog-footer{flex-wrap:wrap}}
@media(max-width:390px){#document-name{width:133px}.app-header{gap:7px}.header-template{padding:0 8px}.brand img{width:118px}.app-header .primary{min-width:84px;padding:0 9px}.app-header .primary [data-icon]:last-child{display:none}.canvas-status>span:last-child{font-size:10px}.template-grid{gap:9px}.template-card{padding:9px}.template-art{height:106px}.page-breadcrumb #size-label{display:none}.template-card h3{font-size:13px}}
/* Keep labels legible and interactive targets generous at every screen width. */
.document-block[role=button]:focus-visible{outline:3px dashed var(--ink);outline-offset:7px}
.studio-tag,.sidebar-heading,.section-label,.pill,.local-note,.canvas-status,.template-card small,.save-status{font-size:12px}
.page-item strong,.add-page,.import-button,.block-option,.page-actions .button,.inspector-tabs button,.layout-option,.zoom-controls>button:not(.icon-button){font-size:14px}
.sidebar-heading .icon-button,.block-actions .icon-button{width:44px;height:44px}
.zoom-controls{height:44px}.zoom-controls .icon-button{width:44px;height:42px}.zoom-controls>button:not(.icon-button){height:42px;min-width:46px}
.page-actions .button{min-height:44px}
.swatches{grid-template-columns:repeat(4,1fr);gap:10px}.swatch{width:44px;height:44px}
.zoom-controls{height:46px}.zoom-controls .icon-button,.zoom-controls>button:not(.icon-button){height:44px}
.template-card h3{font-size:14px}
.mobile-pages,.mobile-design,.bar-actions .icon-button{min-width:44px}
@media(max-width:760px){.header-template{font-size:14px}.app-header .primary{font-size:14px}.document-bar{padding:0 5px;gap:3px}.bar-actions .subtle{min-width:44px}#document-name{width:min(155px,calc(100vw - 228px));min-width:75px}.document-bar>.icon-button{width:44px}.canvas-status>span:last-child{font-size:12px}.page-breadcrumb #page-label{max-width:115px}}
@media(max-width:390px){.app-header{padding:0 9px;gap:6px}.header-template [data-icon]{display:none}.header-template{padding:0 8px}.canvas-toolbar{padding:0 12px}.page-breadcrumb #page-label{max-width:95px}.canvas-status>span:last-child{max-width:66%;line-height:1.2}.bar-actions [data-action=redo]{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sidebar-tabs{display:flex;gap:6px;margin-bottom:14px;background:var(--paper-2);border:1px solid var(--line);padding:3px;border-radius:5px}
.sidebar-tabs button{flex:1;min-height:44px;font-weight:700;font-size:14px;border-radius:3px}.sidebar-tabs button[aria-selected=true]{background:var(--paper);box-shadow:0 1px 2px #473B2110;border:1px solid var(--line)}
.page-list{flex:1;min-height:0;max-height:none}.sidebar-bottom{padding-top:15px}.sidebar-bottom .pencil-note{display:none}
.outline-chapter{margin-bottom:12px}.outline-heading{display:flex;align-items:center;gap:7px;text-align:left;width:100%;min-height:44px;font-size:14px;font-weight:700;line-height:1.35;padding:7px 4px;overflow-wrap:anywhere}.outline-heading>span{font-size:12px;color:var(--fine)}.outline-heading small{margin-left:auto;font-size:12px;color:var(--fine);white-space:nowrap}.outline-heading.active{text-decoration:underline;text-underline-offset:4px}
.outline-block{display:flex;align-items:center;gap:7px;text-align:left;min-height:44px;width:100%;padding:8px 6px;border:1px solid transparent;border-radius:4px;font-size:14px;line-height:1.3}.outline-block>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.outline-block small{color:var(--fine);font-size:13px}.outline-block .ui-icon{width:14px;height:14px}.outline-block.active{background:#FBF3D8;border-color:#BBAA89}.outline-block:hover{background:var(--paper-2)}.outline-drop-end{min-height:30px;padding:8px 5px;font-size:12px;color:var(--fine);border:1px dashed transparent}.drop-target{border-top:2px solid var(--ink)!important;background:#FBF3D8}.dragging{opacity:.5}
.canvas-status{height:50px}.page-navigation{display:flex;align-items:center;gap:6px;min-width:0}.page-navigation .icon-button{width:44px;height:44px}.page-navigation .ui-icon{transform:rotate(-90deg)}#page-count{font-size:12px;white-space:nowrap}.page-navigation [data-action=next-sheet] .ui-icon{transform:rotate(-90deg)}.toast{bottom:66px}
.layout-error{max-width:660px;position:sticky;top:0;background:#FFF0E9;border-left:4px solid #AB3434;padding:13px 15px;color:#913333;font-size:14px;line-height:1.5;margin:0 auto 18px;z-index:5}.layout-error[hidden]{display:none}
.paired-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.paired-fields .select-field{padding:10px 6px;font-size:14px}.chapter-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.chapter-tools .button{font-size:14px;padding:0 10px}.inspector-title .pill{max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.table-cell-editor{max-height:340px;overflow-y:auto;scrollbar-width:thin;padding-right:3px}.table-row-card{border:1px solid var(--line);border-radius:5px;background:var(--card);padding:9px;margin-bottom:9px}.table-row-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:6px}.table-row-title .icon-button{width:44px;height:44px}.table-row-title .ui-icon{width:15px;height:15px}.table-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.table-fields label{min-width:0}.table-fields label>span{display:block;font-size:12px;color:var(--fine);margin-bottom:5px;overflow-wrap:anywhere}.table-cell-input{resize:vertical;min-height:44px;max-height:200px;padding:8px;font-size:14px;line-height:1.5}.table-actions{display:flex;gap:7px;margin-top:10px}.table-actions .button{font-size:14px;padding:0 10px}.raw-table{margin-top:17px}.raw-table summary{font-size:14px;cursor:pointer;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:3px}.chapter-text-editor{min-height:110px;max-height:250px}
@media(max-width:760px){.canvas-status>span:last-child{display:none}.page-navigation{width:100%;justify-content:center}.page-breadcrumb #page-label{max-width:145px}.table-cell-editor{max-height:35dvh}}
@media(max-width:390px){.page-breadcrumb #page-label{max-width:100px}}
/* Content design library and imported illustrations. */
.design-gallery-button{width:100%;justify-content:flex-start;margin:9px 0 12px;background:#FBF3D8;font-size:14px}.design-gallery-button>span{margin-left:auto;border:1px solid var(--line);padding:3px 7px;border-radius:4px;font-size:12px}.block-design-picker{margin:20px 0 14px}.block-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.block-style-card{min-width:0;min-height:112px;border:1px solid var(--line);border-radius:6px;background:var(--card);overflow:hidden;text-align:left;padding:0 0 8px;transition:background .16s,border-color .16s}.block-style-card:hover{background:#FBF3D8}.block-style-card[aria-pressed=true]{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#FBF3D8}.block-style-card>strong{display:block;padding:0 7px;font-size:14px;line-height:1.25;overflow-wrap:anywhere}.mini-design{display:block;position:relative;height:70px;overflow:hidden;pointer-events:none;background:var(--paper);margin-bottom:7px;border-bottom:1px solid #E4DDCE}.mini-design-inner{display:block;position:absolute;top:9px;left:8px;width:390px;transform:scale(.28);transform-origin:top left;text-align:left;--chapter:#EDC854;--chapter-wash:#FBF3D8;--body-size:18px}.mini-design-inner>*{margin:0!important}.mini-design-inner .writing-space{height:180px}.text-button{display:flex;gap:7px;align-items:center;font-size:14px;min-height:44px;text-decoration:underline;text-underline-offset:4px;margin-top:9px}.text-button .ui-icon{width:15px;height:15px}
.design-gallery{padding-top:16px}.gallery-types{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px dashed var(--line);padding-bottom:17px;margin-bottom:20px}.gallery-types button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 11px;border:1px solid var(--line);border-radius:6px;background:var(--card);font-size:14px}.gallery-types button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery-types .ui-icon{width:16px;height:16px}.gallery-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery-card{display:flex;flex-direction:column;min-width:0;text-align:left;border:1px solid #B7A98D;border-radius:8px;background:var(--card);overflow:hidden;box-shadow:3px 3px 0 #DED4BF}.gallery-card:hover{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.gallery-sample{display:flex;flex-direction:column;justify-content:center;min-height:205px;max-height:275px;overflow:hidden;width:100%;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);pointer-events:none;--body-size:18px;--chapter:#EDC854;--chapter-wash:#FBF3D8}.gallery-sample>*{margin:0!important}.gallery-sample .doc-title{font-size:42px}.gallery-sample .doc-heading{font-size:33px}.gallery-sample .doc-paragraph,.gallery-sample .doc-callout{font-size:17px}.gallery-sample .workflow li strong{font-size:16px}.gallery-sample .doc-table{font-size:14px}.gallery-sample .writing-space{height:160px}.gallery-card>strong{padding:15px 16px 4px;font-size:18px}.gallery-card>span:not(.gallery-sample){padding:0 16px;font-size:14px;line-height:1.5;color:var(--fine)}.gallery-card>em{padding:15px 16px;font-size:14px;font-style:normal;font-weight:700;text-decoration:underline;text-underline-offset:4px;margin-top:auto}
.image-inspector-preview{display:flex;align-items:center;justify-content:center;max-height:200px;min-height:80px;background:var(--paper);border:1px solid var(--line);border-radius:6px;margin:10px 0 18px;padding:10px}.image-inspector-preview img{display:block;max-height:180px;max-width:100%;object-fit:contain}.short-area{min-height:70px;max-height:180px}.image-source-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.image-file-button{cursor:pointer;background:#FBF3D8}.image-file-button:focus-within{outline:3px dashed var(--ink);outline-offset:3px}.image-url-row{display:flex;gap:9px;align-items:center}.image-url-row>input{min-width:0;flex:1}.image-url-row>.button{flex-shrink:0}.illustration-preview{display:flex;align-items:center;justify-content:center;height:255px;background:var(--paper);border:1px dashed #B7A98D;border-radius:8px;overflow:hidden;margin-top:20px;padding:14px}.illustration-preview img{display:block;max-height:225px;max-width:100%;object-fit:contain}.image-preview-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:var(--fine);font-size:14px;max-width:300px;line-height:1.5}.image-preview-empty .ui-icon{width:42px;height:42px;margin-bottom:3px}.image-preview-empty strong{font-size:17px;color:var(--ink)}.image-error{background:#FFF0E9;border-left:3px solid #AB3434;color:#913333;padding:11px 14px;line-height:1.5;font-size:14px}.image-error[hidden]{display:none}.image-import-dialog .field-label>span{font-size:12px;color:var(--fine)}
@media(max-width:600px){.gallery-cards{grid-template-columns:1fr}.gallery-types{gap:5px}.gallery-types button{padding:8px;font-size:14px}.gallery-types .ui-icon{display:none}.gallery-sample{max-height:320px}.image-source-options{gap:6px}.illustration-preview{height:205px}.illustration-preview img{max-height:180px}}
@media(prefers-reduced-motion:reduce){.block-style-card{transition:none}}
.gallery-sample{display:block;position:relative;max-height:none;min-height:205px;padding:18px}.gallery-sample-inner{display:block;width:540px;transform-origin:top left;text-align:left;--body-size:18px}.gallery-sample-inner>*{margin:0!important}.gallery-sample-inner .doc-title{font-size:62px}.gallery-sample-inner .doc-heading{font-size:44px}.gallery-sample-inner .doc-paragraph,.gallery-sample-inner .doc-callout{font-size:20px}.gallery-sample-inner .workflow li strong{font-size:25px}.gallery-sample-inner .doc-table{font-size:18px}.gallery-sample-inner .writing-space{height:225px}
.engine-link{color:var(--ink);display:flex;width:100%;justify-content:center;gap:8px;margin:12px 0;text-decoration:none;min-height:44px;background:#FBF3D8;white-space:normal;text-align:center}.image-import-dialog>.engine-link{margin:0 0 18px}.engine-link:focus-visible{outline:3px dashed #1E2B48;outline-offset:3px}