:root{font-family:Segoe UI,Arial,Helvetica,sans-serif;color:#202731;background:#f7f9fc;font-synthesis:none;font-size:12px;--accent: #1673ed;--muted: #7b8492;--line: #e0e5ec;--soft: #eef4fc}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;cursor:pointer;min-height:32px;padding:6px 9px;white-space:nowrap;transition:background-color .15s,border-color .15s}button svg{flex-shrink:0}button:hover:not(:disabled){background:#eaf0f8}button:active:not(:disabled){background:#dce8f8}button:disabled{opacity:.36;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #1673ed;outline-offset:3px}button.primary{background:#1673ed;color:#fff;border-color:#1673ed}button.primary:hover:not(:disabled){background:#0863d7}button.pressed{background:#e4efff;color:#0965dc}.icon-button{padding:6px;min-width:30px}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{position:relative;flex:none;height:43px;padding:0 18px;display:flex;align-items:center;gap:20px;background:#edf0f5;border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;color:#1e2631;font-size:16px;font-weight:600;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:25px;height:28px;background:#1673ed;border-radius:4px;color:#fff;box-shadow:0 2px 4px #1673ed24}.brand-icon svg{width:21px}.brand-badge{margin-left:5px;padding:2px 4px;border-radius:3px;font-size:9px;font-weight:600;color:#1673ed;background:#fff;vertical-align:middle}.top-divider{display:none}.document-title{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:48%}.document-title strong{font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}.document-title>span{font-size:10px;color:#69717e;white-space:nowrap}.window-actions{margin-left:auto}.commandbar{display:flex;align-items:center;gap:5px;min-height:48px;flex:none;padding:7px 16px;border-bottom:1px solid var(--line);background:#fafbfd}.commandbar button{font-size:11px}.commandbar>button:has(svg):first-of-type{border-color:var(--line);background:#fff}.commandbar svg{width:17px;height:17px}.tool-group,.history-actions,.zoom-actions{display:flex;align-items:center;gap:2px}.tool-group,.history-actions,.zoom-actions{padding-left:9px;margin-left:4px;border-left:1px solid var(--line)}.zoom-actions>span{min-width:39px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.zoom-actions i{height:22px;width:1px;background:var(--line);margin:0 5px}.toolbar-spacer{flex:1}.welcome{overflow:auto;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 24px;background:#e2e7ee}.welcome-mark{color:#1673ed;margin-bottom:22px}.eyebrow{color:#6c7c93;letter-spacing:2px;font-size:10px;font-weight:600}.welcome h1{font-size:clamp(30px,4vw,46px);line-height:1.16;font-weight:500;letter-spacing:-1.6px;margin:18px 0}.welcome h1 span{color:#687991}.welcome p{color:#697586;line-height:1.8;margin:0 0 26px;font-size:14px}.open-hero{min-height:42px;padding:10px 22px;font-weight:600}.drop-hint{font-size:11px;color:#7b8797;margin-top:12px}.local-note{display:flex;align-items:center;gap:7px;color:#6b788b;font-size:11px;margin-top:30px}.welcome-footer{display:flex;gap:24px;color:#8390a1;font-size:10px;margin-top:35px}.editor-body{display:flex;flex:1;min-height:0}.sidebar{width:157px;flex-shrink:0;background:#f8fafc;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar-heading{padding:12px 17px 8px;display:flex;justify-content:space-between;align-items:center}.sidebar-heading>div{display:flex;flex:1;justify-content:space-between;align-items:center}.sidebar-heading strong{font-weight:600}.sidebar-heading span{font-size:11px;color:#636e7d}.sidebar-options{display:flex;gap:3px;padding:7px 12px;border-top:1px solid var(--line)}.sidebar-options button{font-size:10px;min-height:29px;padding:5px 6px;border:1px solid var(--line);background:#fff}.sidebar-options button.pressed{background:var(--soft);color:#1673ed}.thumbnail-list{padding:5px 16px 12px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#cbd2dc transparent}.thumbnail{padding:6px 19px;margin-bottom:7px;border:1px solid transparent;border-radius:4px;position:relative}.thumbnail.selected{background:#eaf2ff;border-color:#9cc5ff}.thumbnail.active{border-color:#1673ed;box-shadow:0 0 0 1px #1673ed20}.thumbnail-preview{border-radius:0;position:relative;display:block;width:84px;background:#fff;padding:0;box-shadow:0 2px 5px #263c5425;min-height:50px;overflow:hidden}.thumbnail-preview:hover:not(:disabled){background:#fff}.thumbnail-placeholder{height:119px}.thumbnail-caption{font-size:9px;color:#8490a0}.thumbnail-caption>span:first-child{position:absolute;bottom:4px;left:3px;padding:2px 4px;min-width:16px;text-align:center;color:#fff;background:#aab3bf;border-radius:2px;font-variant-numeric:tabular-nums}.thumbnail.active .thumbnail-caption>span:first-child{background:#1673ed}.thumbnail-caption>span:last-child{display:none}.selection-check{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:3px;background:#1673ed;color:#fff}.thumbnail.active .selection-check{display:none}.sidebar-footer{padding:4px 8px 9px;display:flex;gap:4px;align-items:center;justify-content:center;color:#8792a1;font-size:9px}.workspace-column{flex:1;min-width:0;display:flex;flex-direction:column}.workspace{flex:1;min-height:0;overflow:auto;background:#dfe5ec;overscroll-behavior:contain}.workspace-surface{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;padding:20px}.page-frame{position:relative;background:#fff;flex-shrink:0;box-shadow:0 8px 18px #263b5229,0 1px 3px #263b5212;isolation:isolate}.pdf-canvas{position:relative;width:100%;height:100%}.pdf-canvas canvas{display:block}.canvas-state,.canvas-error{position:absolute;inset:0;display:grid;place-items:center;color:#8b96a5;font-size:11px;text-align:center;padding:8px}.canvas-error{color:#b64e47}.statusbar{height:44px;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-top:1px solid var(--line);color:#687383;font-size:10px;background:#fafbfd}.local-status{display:flex;align-items:center;gap:5px}.page-navigation{display:flex;align-items:center;border:1px solid var(--line);border-radius:4px;background:#fff}.page-navigation button{min-height:27px}.page-counter{min-width:62px;text-align:center;border-inline:1px solid var(--line);font-size:12px;font-variant-numeric:tabular-nums}.status-zoom{display:flex;align-items:center;gap:5px;justify-self:end}.status-zoom input{width:108px;height:3px;accent-color:#1673ed;cursor:pointer}.status-zoom output{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.error-banner{padding:8px 18px;background:#fff0eb;color:#9b4035;display:flex;justify-content:space-between;align-items:center;font-size:12px;flex:none}.busy-bar{display:flex;justify-content:center;align-items:center;gap:12px;background:#eaf2ff;color:#1673ed;padding:10px;font-size:12px}.spinner{border:2px solid #bad5fa;border-top-color:#1673ed;width:15px;height:15px;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only,.sheet-backdrop{display:none}@media(max-width:1200px)and (min-width:761px){.commandbar{gap:2px;padding-inline:10px}.commandbar button{padding-inline:6px;gap:5px}.tool-group,.history-actions,.zoom-actions{padding-left:5px;margin-left:2px}.fit-label{display:none}}@media(max-width:1000px)and (min-width:761px){.page-tools button span,.add-png span{display:none}}@media(max-width:760px){.brand>span:last-child{display:none}.topbar{height:48px;padding:0 12px}.brand{font-size:14px}.document-title{left:48px;transform:none;align-items:flex-start;max-width:calc(100% - 100px)}.document-title>span{font-size:9px}.desktop-only{display:none!important}.mobile-only{display:inline-flex}.commandbar{padding:6px 8px;gap:3px;overflow-x:auto;min-height:51px}.commandbar button{min-width:36px;min-height:36px;flex-shrink:0}.commandbar button>span,.fit-label{display:none}.commandbar>.mobile-only{font-size:0;gap:0}.tool-group,.history-actions,.zoom-actions{margin-left:1px;padding-left:4px}.zoom-actions>button[aria-label=Уменьшить],.zoom-actions>button[aria-label=Увеличить],.zoom-actions>span,.zoom-actions>i{display:none}.toolbar-spacer{display:none}.save-top{position:sticky;right:0;box-shadow:-4px 0 7px #fafbfd}.sidebar{display:none}.sidebar.sheet-open{display:flex;position:fixed;z-index:30;bottom:0;left:0;width:min(300px,85vw);height:80dvh;border-radius:10px 10px 0 0;box-shadow:0 -10px 50px #19304b33;padding-bottom:env(safe-area-inset-bottom)}.sheet-backdrop{display:block;position:fixed;inset:0;background:#182c4555;border-radius:0;z-index:29}.sidebar-heading{padding:12px 16px;gap:20px}.sidebar .thumbnail-list{padding-inline:70px}.sidebar-options{justify-content:center}.sidebar-options button{min-height:40px;padding-inline:15px}.sidebar-footer{display:none}.thumbnail-preview{touch-action:pan-y}.statusbar{height:48px;padding:0 8px;grid-template-columns:auto 1fr}.local-status{display:none}.status-zoom{gap:0}.status-zoom input{width:75px}.statusbar button{min-height:36px}.welcome h1{font-size:33px}.welcome-footer{gap:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.modal{width:min(480px,calc(100% - 32px));border:1px solid #dce2e9;border-radius:15px;padding:24px;color:var(--accent);box-shadow:0 25px 100px #263b5233;max-height:85dvh;overflow:auto}.modal::backdrop{background:#18283b66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal h2{font-size:20px;font-weight:500;margin:0}.modal p{color:#707b8c;font-size:13px;line-height:1.7;margin:20px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.merge-list{padding:0;list-style:none}.merge-list li{display:flex;align-items:center;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}.merge-list li>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.merge-list strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merge-list span{font-size:11px;color:var(--muted)}.progress-content{padding:26px 0 8px;display:flex;align-items:center;gap:12px;font-size:14px}.modal input{width:100%;padding:12px;border:1px solid #ccd4df;border-radius:6px;margin-top:8px;color:#283345;background:#fff}.modal label{display:block;font-size:12px;margin-top:20px}.modal .inline-error{color:#a04436;font-size:12px}.export-notice{background:#f0f5fc;padding:14px;border-radius:8px;line-height:1.6;color:#576b87;font-size:12px}@media(max-width:760px){.modal{padding:20px}}.overlay-layer{position:absolute;inset:0;overflow:visible;pointer-events:none}.png-overlay{position:absolute;pointer-events:auto;touch-action:none;cursor:move;outline:1px dashed #1673ed66;user-select:none;-webkit-user-select:none}.png-overlay>img{width:100%;height:100%;display:block;pointer-events:none}.png-selected{outline:2px solid #1673ed}.resize-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #1673ed;border-radius:3px;touch-action:none}.handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.reorder-scroll{flex:1;min-height:0;padding:16px;overflow-y:auto;border:2px solid #a9c9f3;background:#f0f4f9;overscroll-behavior:contain}.reorder-hint{margin-bottom:16px;padding:10px 12px;border-left:3px solid var(--accent);background:#fff;font-size:12px;line-height:1.6}.reorder-hint span{color:var(--muted)}.reorder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:16px;align-items:start}.reorder-page-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;padding:10px;min-width:0;border:1px solid #d1d9e4;border-radius:5px;background:#fff;box-shadow:0 1px 3px #18304c14;user-select:none;-webkit-user-select:none;cursor:grab;touch-action:none}.reorder-page-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #1673ed22}.reorder-page-card.dragging{opacity:.32;cursor:grabbing}.reorder-page-card:focus-visible{outline:3px solid #80b5ff;outline-offset:3px}.reorder-page-art{min-width:0;height:206px;width:100%;display:flex;align-items:center;justify-content:center;background:#f0f3f7;pointer-events:none}.reorder-page-image{min-width:0;position:relative;max-width:100%;overflow:hidden;flex-shrink:1;background:#fff;pointer-events:none}.reorder-page-image img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.reorder-page-caption{font-size:11px;font-weight:600}.reorder-drag-handle{position:absolute;z-index:2;top:7px;right:7px;width:30px;height:30px;min-height:30px;display:grid;place-items:center;padding:0;border:1px solid #b7c8df;border-radius:4px;background:#fffffff5;color:var(--accent);touch-action:none}.reorder-source-number{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;min-width:52px;height:52px;padding:0 10px;transform:translate(-50%,-65%);border-radius:50%;color:#fff;background:#14233b7a;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 1px 2px #0005}.reorder-preview-button{position:absolute;z-index:3;bottom:35px;right:8px;min-height:32px;width:32px;padding:0;border:1px solid #b7c8df;border-radius:4px;color:var(--accent);background:#fffffff5;cursor:pointer;touch-action:manipulation}.reorder-page-card.insertion-before:before,.reorder-page-card.insertion-after:after{content:"";position:absolute;z-index:5;inset:4px auto 4px -10px;height:auto;width:4px;border-radius:3px;background:#1673ed;box-shadow:0 0 0 2px #1673ed29}.reorder-page-card.insertion-after:after{left:auto;right:-10px}.reorder-page-card.drag-card{width:168px;padding:10px;color:inherit;border-color:var(--accent);box-shadow:0 18px 38px #0004}.reorder-modal[open]{display:flex;flex-direction:column;width:min(1120px,calc(100% - 48px));height:min(820px,90dvh);max-height:90dvh;padding:20px;overflow:hidden;gap:14px}.reorder-modal>.modal-heading,.reorder-modal-toolbar,.reorder-modal-footer{flex-shrink:0}.reorder-modal-toolbar,.reorder-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.reorder-modal-footer>span{color:var(--muted)}.reorder-modal .reorder-scroll{border-radius:6px}.reorder-preview-modal{width:min(960px,calc(100% - 32px))}.reorder-large-preview{display:flex;align-items:center;justify-content:center;padding:16px;margin-top:16px;background:#edf1f6;max-height:70dvh;overflow:auto}@media(max-width:760px){.reorder-modal[open]{width:calc(100% - 16px);height:94dvh;max-height:94dvh;padding:12px;gap:10px}.reorder-scroll{padding:12px}.reorder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reorder-page-card{touch-action:pan-y;cursor:default}.reorder-drag-handle{width:44px;height:44px}.reorder-preview-button{width:44px;min-height:44px}.reorder-hint{font-size:11px}.reorder-hint span{display:block}.reorder-large-preview{padding:8px}}.overlay-tools-anchor{position:absolute;left:0;bottom:calc(100% + 10px);cursor:default}.overlay-toolbar{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #e0e5ec;border-radius:5px;background:#fff;box-shadow:0 3px 12px #263b5226;color:#293342}.overlay-toolbar button{font-size:10px;min-height:28px;padding:5px 7px}.overlay-toolbar svg{width:15px;height:15px}.overlay-toolbar button[aria-label="Удалить PNG"]{color:#e35155;border-left:1px solid #edf0f5;border-radius:0}.resize-handle{width:9px;height:9px;border-radius:1px}.handle-nw{left:-5px;top:-5px}.handle-ne{right:-5px;top:-5px}.handle-sw{left:-5px;bottom:-5px}.handle-se{right:-5px;bottom:-5px}@media(max-width:760px){.overlay-toolbar button{min-height:36px;padding-inline:6px}.overlay-toolbar button span{display:none}.resize-handle{width:22px;height:22px;border-radius:4px}.handle-nw{left:-11px;top:-11px}.handle-ne{right:-11px;top:-11px}.handle-sw{left:-11px;bottom:-11px}.handle-se{right:-11px;bottom:-11px}}.selection-label{margin-left:14px;padding-left:14px;border-left:1px solid var(--line)}