.canvas-tools{flex-wrap:wrap}.canvas-zone{min-width:0}
.page-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;background:#fffefa;border-bottom:1px solid var(--line)}
.page-navigation>span{font-size:12px;color:#687760}.page-switcher{display:flex;align-items:center;gap:3px}
.page-switcher select{border:0;background:transparent;min-height:40px;padding:7px;color:#354c30;font-size:13px;font-weight:600;max-width:170px}.page-navigation .icon-btn{width:36px;height:40px}
.pages-panel{border-top:1px solid var(--line);background:#f7f8f1;padding:15px 18px 10px}
.pages-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;flex-wrap:wrap}
.pages-heading h2{font-size:14px;font-weight:600;display:flex;gap:10px;align-items:center}.pages-heading h2 span{font-size:11px;font-weight:400;color:#687760}
.page-actions{display:flex;gap:5px;align-items:center}.page-actions .icon-btn{width:34px;height:36px}.page-actions .btn{min-height:36px}.page-delete{color:#a65b40}
.page-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 9px;position:relative;scrollbar-width:thin;scrollbar-color:#b5bfaa transparent}
.page-thumbnail{display:flex;flex-direction:column;gap:5px;align-items:center;flex:0 0 98px;min-width:0;border:2px solid transparent;border-radius:9px;padding:8px 6px;background:#eeefe7;color:#53634b;font-size:12px;text-align:center}
.page-thumbnail.active{border-color:#547547;background:#e7efdf;color:#294323}.page-thumbnail:hover{background:#e5eadc}.page-thumbnail small{font-size:10px;color:#62725a}
.page-thumbnail-art{width:76px;height:93px;display:flex;align-items:center;justify-content:center;pointer-events:none}.page-thumbnail-art svg{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 2px 4px #2134181c}
.page-add-tile{flex:0 0 90px;min-height:140px;border:1px dashed #a1af96;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#48643b;background:#fdfef8}.page-add-tile svg{width:23px;height:23px}.page-add-tile:hover{background:#ecf1e5}
.pages-help{font-size:11px;line-height:1.6;color:#687760;margin:8px 0 0}.page-thumbnail:focus-visible,.page-add-tile:focus-visible{outline:2px solid #a35131;outline-offset:1px}
.document-preview-count,.document-download-label{font-size:14px;color:#506747;margin:0 0 16px}.document-preview figure{margin:0 0 24px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f5f6ef}.document-preview figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:600;color:#3b5433;margin:0 0 14px}.document-preview figcaption span{font-size:12px;font-weight:400}.document-preview .preview-art{margin:0 auto}
.all-pages-download{border:1px solid #cbd7bf;border-radius:10px;background:#f0f5e9;padding:18px;margin:22px 0 10px}.all-pages-download h3{font-size:16px;font-weight:600;color:#38512f;margin-bottom:8px}.all-pages-download p{font-size:13px;line-height:1.6}.all-pages-download .modal-actions{justify-content:flex-start;margin-top:16px}.export-progress{font-size:13px;line-height:1.6;color:#476339;min-height:20px}
@media(max-width:640px){.canvas-tools{gap:7px}.canvas-tools .canvas-hint{display:none}.page-navigation{padding:8px 14px;gap:6px}.page-navigation>span{font-size:10px}.page-switcher select{font-size:12px}.pages-panel{padding:14px}.page-actions{gap:3px}.page-actions .btn{font-size:11px}.pages-help{font-size:12px}.all-pages-download{padding:14px}.document-preview figure{padding:10px}}