body{background:#e9eaee}
.reader-page{margin-bottom:46px;scroll-margin-top:148px}.reader-page:last-child{margin-bottom:0}.deleted-items-button{display:flex;gap:7px;align-items:center;justify-content:center;margin:0 10px 16px;font-size:11px}.deleted-items-button .icon{width:14px;height:14px}.drag-handle{position:absolute;z-index:3;display:grid;place-items:center;width:28px;height:32px;padding:5px;border:1px solid #c9bfd9;border-radius:6px;background:#fffffff2;color:#655082;cursor:grab;touch-action:none;box-shadow:0 2px 6px #34254616}.drag-handle:active{cursor:grabbing}.drag-handle:focus-visible{outline:3px solid #a795c9;outline-offset:2px}.drag-handle .icon{width:17px;height:19px}.drop-marker{position:absolute;left:2%;right:2%;height:4px;border-radius:3px;background:#7754c1;z-index:5;pointer-events:none;box-shadow:0 0 0 3px #fff}.drag-ghost{position:fixed;z-index:100;max-width:210px;background:#302558;color:white;padding:10px 14px;border-radius:7px;box-shadow:0 5px 25px #31234340;font-size:12px;pointer-events:none;line-height:1.5}.is-dragging .page-hit{pointer-events:none}.danger-text{color:#a33f4c!important}.button.danger{background:#a33f4c;color:#fff;border-color:#a33f4c}.delete-item-button{display:flex;align-items:center;gap:7px;margin-top:18px;font-size:12px}.delete-item-button .icon{width:15px;height:15px}.trash-dialog{width:min(700px,calc(100vw - 32px))}.trash-list{max-height:52vh;overflow:auto}.trash-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #e8e1ed}.trash-row b{font-size:13px;font-weight:500}.trash-row small{display:block;color:#8c7d99;font-size:11px;margin-top:5px}.trash-row .button{font-size:12px;flex-shrink:0}@media(max-width:680px){.reader-page{margin-bottom:30px;scroll-margin-top:126px}.drag-handle{width:23px;height:27px;padding:4px}.drag-handle .icon{width:14px;height:17px}.deleted-items-button{font-size:8px;gap:4px;margin:0 4px 13px;flex-wrap:wrap}.deleted-items-button .icon{width:11px;height:11px}}@media print{.drag-handle,.drop-marker,.page-actions,.page-bottom{display:none!important}.reader-page{margin:0;break-after:page}}
.page-actions{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}.page-actions .button{font-size:11px;padding:9px 12px}.page-actions .icon{width:15px;height:15px}.page-actions .icon-button{margin-left:0;width:33px;height:33px}.page-actions .icon-button[data-action="page-title"],.page-actions .button+.icon-button[data-action="delete-page"]{margin-left:auto}.empty-page{position:absolute;inset:0;display:grid;place-items:center;padding:25px;text-align:center}.empty-page>div>.icon{width:34px;height:34px;color:#8c7ca1}.empty-page h2{font-size:24px;color:#3c3068}.empty-page p{font-size:13px;color:#8b7e99;line-height:1.6}.empty-page .button{margin:5px}.insert-after{margin-top:20px;padding-top:15px;border-top:1px solid #e4deeb;display:block;font-size:12px}@media(max-width:680px){.page-actions{gap:5px;margin-bottom:12px}.page-actions .button{font-size:9px;padding:7px}.page-actions .icon{width:12px;height:12px}.empty-page{padding:12px}.empty-page h2{font-size:18px}.empty-page .button{font-size:11px}.empty-page p{font-size:11px}}@media print{.page-actions,.empty-page{display:none!important}}
.reader-header{height:72px;background:white;border-bottom:1px solid #dddfe6;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:fixed;left:0;right:0;top:0;z-index:30;gap:20px}
.reader-brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.4px;font-weight:600;flex-shrink:0}.reader-brand img{width:37px;height:39px;object-fit:contain}.reader-brand small{font-size:8px;letter-spacing:1.6px;color:#9995a9;font-weight:500;display:block;margin-top:4px}
.reader-tools{display:flex;gap:9px}.reader-tools .button{font-size:12px;padding:10px 16px}.reader-tools .icon{width:16px;height:16px}
.reader-layout{padding-top:72px}.reader-sidebar{width:185px;position:fixed;top:72px;bottom:0;left:0;background:#f5f5f8;border-right:1px solid #dadce5;display:flex;flex-direction:column}
.thumb-heading{padding:22px 19px 17px;display:flex;align-items:center;justify-content:space-between;color:#6c6880;font-size:12px;font-weight:500}.thumb-heading b{font-size:10px;background:#e7e5ee;color:#9991aa;padding:3px 6px;border-radius:4px;font-weight:500}
.thumb-list{overflow-y:auto;padding:0 16px 25px;scrollbar-width:thin;scrollbar-color:#cbc7d6 transparent;display:flex;flex-direction:column;gap:18px}
.thumb-button{border:0;background:none;padding:6px;text-align:left;border-radius:7px;flex-shrink:0}.thumb-button>img{width:100%;aspect-ratio:595.276/841.89;display:block;object-fit:contain;background:#fff;box-shadow:0 1px 5px #25234212;border:2px solid transparent;border-radius:2px}
.thumb-button>span{display:flex;gap:9px;color:#9993a6;font-size:9px;line-height:1.4;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-button b{font-size:9px;font-weight:500;color:#716780}
.thumb-button.selected{background:#e5e1f1}.thumb-button.selected>img{border:2px solid #6c60a5}.thumb-button:hover{background:#eae7f1}
.reader-main{margin-left:185px;max-width:none;padding:0}.reader-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;position:sticky;top:72px;background:#f8f8faeb;border-bottom:1px solid #dfe0e6;z-index:20;backdrop-filter:blur(10px)}
.reader-page-controls{display:flex;align-items:center;gap:9px;flex-shrink:0}.reader-page-controls .icon-button{width:29px;height:29px;padding:6px;background:transparent;border:0;color:#898296}.reader-page-controls input{width:41px;text-align:center;border:1px solid #dcdae4;border-radius:4px;padding:5px;background:#fff;color:#686173;font-size:12px;appearance:textfield;-moz-appearance:textfield}.reader-page-controls input::-webkit-inner-spin-button,.reader-page-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-total{font-size:11px;color:#9b95a8;margin-right:4px}
.reader-hint{font-size:11px;display:flex;gap:7px;align-items:center;color:#9690a3}.reader-hint .icon{width:13px;height:13px}
.reader-search{display:flex;align-items:center;gap:8px;width:200px;max-width:35%;border:1px solid #dfdce7;border-radius:6px;background:#fff;padding:8px 10px;color:#a298b0}.reader-search .icon{width:14px;height:14px}.reader-search input{font-size:10px;width:100%;min-width:0;border:0;outline:0;background:none}.reader-search input::placeholder{color:#aaa2b6}
.page-stage{width:min(100% - 80px,710px);margin:25px auto 30px}.page-caption{display:flex;justify-content:space-between;font-size:10px;color:#9b94a6;margin-bottom:12px;gap:20px;line-height:1.5}.page-caption>span:first-child{font-size:9px;letter-spacing:1.4px;flex-shrink:0}.page-caption>span:last-child{text-align:right}
.original-page{width:100%;aspect-ratio:595.276 / 841.89;position:relative;background:white;box-shadow:0 6px 24px #25223916}.original-page-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.page-hit{position:absolute;z-index:1;border:2px solid transparent;border-radius:12px;background:transparent;padding:0;transition:border-color .15s,background .15s;cursor:pointer}.page-hit:hover,.page-hit:focus-visible{border-color:#6a55bd;background:#6a55bd06;outline:0}.page-hit>span{position:absolute;right:8px;bottom:8px;background:#fff;color:#6d558a;box-shadow:0 2px 12px #4433641a;border:1px solid #dcd2e7;border-radius:5px;font-size:10px;padding:6px 9px;display:flex;gap:6px;align-items:center;opacity:0;transform:translateY(3px);transition:.15s}.page-hit .icon{width:12px;height:12px}.page-hit:hover>span,.page-hit:focus-visible>span{opacity:1;transform:none}.cover-hit{border-radius:0}.page-bottom{font-size:9px;display:flex;justify-content:space-between;color:#a29aaa;gap:20px;margin-top:16px}.page-bottom>span:last-child{text-align:right}
.reader-search-results{position:fixed;right:24px;top:127px;width:400px;max-width:calc(100vw - 40px);background:white;border:1px solid #dad2e6;box-shadow:0 10px 40px #33224925;border-radius:8px;z-index:25;max-height:70vh;overflow:auto;padding:10px}.reader-search-results>div{border-bottom:1px solid #eeeaf2;padding:5px 0 12px}.reader-search-results>div:last-child{border-bottom:0}.reader-search-results>div>button:first-child{border:0;background:white;width:100%;text-align:left;display:flex;gap:13px;align-items:center;padding:8px}.reader-search-results img{width:38px;height:50px;object-fit:contain}.reader-search-results button>span{flex:1}.reader-search-results b{font-size:11px;line-height:1.5;display:block;font-weight:500}.reader-search-results small{font-size:9px;color:#a49aaf;display:block;margin-top:5px}.reader-search-results .text-button{margin-left:60px;font-size:9px}.reader-search-results p{font-size:12px;color:#9b90a6;padding:15px}
.print-original{width:100%;height:100%;object-fit:contain;display:block}.print-sheet{container-type:normal}
.price-update-button{color:#514088;border-color:#c7bddf;background:#f7f4fc}.price-dialog{width:min(900px,calc(100vw - 32px));max-width:900px}.price-dialog .dialog-copy{font-size:13px;line-height:1.7}.price-dialog a{color:#665298;text-decoration:underline}.price-check-note{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;margin-bottom:20px;border:1px solid #dcd5e8;background:#f9f7fc;border-radius:7px;font-size:11px;color:#756781}.price-check-note>span{display:flex;align-items:center;gap:7px}.price-check-note .icon{width:14px;height:14px}.price-check-note .text-button{font-size:11px;white-space:nowrap}.price-progress,.price-result{display:flex;align-items:center;gap:14px;padding:18px;background:#f6f3fb;border-radius:8px;color:#534168;font-size:13px}.price-progress b{font-weight:500}.price-progress small{display:block;line-height:1.6;margin-top:5px;color:#83728e}.price-dialog progress{display:block;width:100%;height:7px;margin:10px 0 20px;accent-color:#7255a3}.price-spinner{width:22px;height:22px;border:2px solid #ded4ec;border-top-color:#7556a1;border-radius:50%;animation:price-spin .8s linear infinite;flex-shrink:0}.price-failed{background:#fff0ed;color:#a64028}.price-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.price-counts span{border:1px solid #e1dae9;border-radius:8px;padding:15px;text-align:center;font-size:11px;color:#8c7f98}.price-counts b{font-size:25px;color:#55416e;display:block;margin-bottom:5px;font-weight:500}.price-details{border:1px solid #e4deeb;border-radius:7px;margin-top:12px;overflow:hidden}.price-details summary{cursor:pointer;padding:14px;font-size:12px;font-weight:500;background:#faf8fc}.price-table-wrap{max-height:330px;overflow:auto}.price-table{border-collapse:collapse;width:100%;font-size:11px}.price-table th,.price-table td{padding:11px 13px;text-align:left;vertical-align:top;border-bottom:1px solid #eee9f2;line-height:1.5}.price-table th{background:#f4eff8;position:sticky;top:0;color:#887398;font-weight:500;white-space:nowrap}.price-table td:first-child{width:50%}.price-table b{font-weight:500}.price-table small{display:block;color:#998ba5;margin:4px 0}.price-table a{font-size:10px}.price-dialog .dialog-footer{margin-top:22px}.price-dialog .dialog-footer button:first-child{margin-right:auto}@keyframes price-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.reader-tools .button[data-action="settings"] span{display:none}.reader-tools .button{padding:9px 11px}}
@media(max-width:680px){.reader-tools .button[data-action="prices"] span{display:none}.reader-tools .button[data-action="print"] span{display:none}.reader-tools .button[data-action="pdf"] span{display:none}.price-dialog .dialog-footer{flex-wrap:wrap}.price-counts{gap:6px}.price-counts span{padding:11px 5px}.price-table th,.price-table td{padding:10px 8px}.price-check-note{font-size:9px;padding:9px;align-items:flex-start}.price-check-note .text-button{font-size:9px}}
@media(max-width:1000px){.reader-hint{display:none}.page-stage{width:min(100% - 42px,710px)}.reader-sidebar{width:145px}.reader-main{margin-left:145px}.thumb-list{padding:0 10px 20px}.thumb-heading{padding:17px 14px}.reader-search{max-width:50%}}
@media(max-width:680px){.reader-header{height:62px;padding:0 14px;gap:10px}.reader-brand{font-size:16px;gap:8px}.reader-brand img{width:27px;height:31px}.reader-brand small{font-size:6px;letter-spacing:1px}.reader-tools{gap:6px}.reader-tools .button{font-size:10px;padding:8px;min-height:33px}.reader-tools .button:first-child span{display:none}.reader-tools .icon{width:14px;height:14px}.reader-layout{padding-top:62px}.reader-sidebar{width:80px;top:62px}.thumb-heading{padding:15px 9px;font-size:10px}.thumb-heading b{font-size:8px}.thumb-list{padding:0 5px 15px;gap:11px}.thumb-button{padding:3px}.thumb-button>span{font-size:0;margin-top:5px;justify-content:center;gap:0}.thumb-button>span b{font-size:8px}.reader-main{margin-left:80px;padding:0}.reader-toolbar{height:52px;top:62px;padding:0 9px;gap:6px}.reader-page-controls{gap:3px}.reader-page-controls .icon-button{width:21px;height:25px;padding:3px}.reader-page-controls input{width:29px;font-size:10px;padding:4px 2px}.page-total{font-size:9px;margin:0 2px}.reader-search{padding:7px;gap:3px;width:130px;max-width:52%}.reader-search input{font-size:9px}.reader-search .icon{width:11px;height:11px}.page-stage{width:calc(100% - 18px);margin:16px auto}.page-caption{font-size:8px;margin-bottom:8px;gap:8px}.page-caption>span:first-child{font-size:7px;letter-spacing:.8px}.page-bottom{font-size:7px;line-height:1.6;gap:15px}.page-hit{border-radius:7px;border-width:1px}.page-hit>span{font-size:7px;right:3px;bottom:3px;padding:3px 5px;gap:3px}.page-hit .icon{width:9px;height:9px}.reader-search-results{top:108px;right:10px}.print-toolbar{gap:10px}.print-pages{padding:0}}
@media print{.print-original{object-fit:contain}.reader-header,.reader-sidebar,.reader-toolbar,.page-caption,.page-bottom,#price-check-note{display:none!important}.reader-main{margin:0}.page-stage{width:100%;margin:0}.page-hit{display:none}}