body.editing{overflow:hidden;background:#eee8e1}body.editing>.header,body.editing>footer{display:none}.editor{height:var(--ed-height,100dvh);display:grid;grid-template-rows:64px 1fr;color:#30312a;font:14px var(--sans);--ed-border:#ded5cb}.editor button,.editor input,.editor select,.editor textarea{font:inherit}.editor button{border:1px solid var(--ed-border);background:#fffaf5;color:inherit;border-radius:8px;min-height:42px;padding:8px 12px;cursor:pointer}.editor button:hover{background:#eee3d8}.editor button:disabled{opacity:.4;cursor:default}.ed-top{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#fffaf5;border-bottom:1px solid var(--ed-border);z-index:5}.ed-top a{min-width:40px;min-height:42px;display:grid;place-items:center;font-size:23px}.ed-name{flex:1;min-width:0}.ed-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 22px var(--serif)}.ed-status{font-size:10px;color:#85796d}.ed-top .ed-primary,.editor .ed-primary{background:var(--rose);color:white;border-color:var(--rose)}.ed-layout{display:grid;grid-template-columns:130px minmax(0,1fr) 300px;min-height:0}.ed-pages{overflow:auto;padding:16px 12px;background:#f7f2ec;border-right:1px solid var(--ed-border)}.ed-pages-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:block}.ed-thumb{display:block;width:100%;margin-bottom:12px;position:relative;text-align:center}.ed-thumb.active{outline:2px solid var(--rose);outline-offset:1px}.ed-mini{width:58px;height:82px;overflow:hidden;margin:auto;pointer-events:none;position:relative}.ed-mini-inner{position:absolute;width:600px;height:849px;transform:scale(.0966667);transform-origin:top left}.ed-thumb small{display:block;font-size:10px;margin-top:5px}.ed-main{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;position:relative}.ed-actions{width:100%;display:flex;justify-content:center;gap:8px;padding:12px;background:#f5eee7;border-bottom:1px solid var(--ed-border);flex-shrink:0}.ed-actions button{font-size:12px;white-space:nowrap}.ed-workspace{overflow:auto;width:100%;flex:1;min-height:0;padding:22px 24px;display:flex;align-items:flex-start;justify-content:center}.ed-paper-wrap{flex-shrink:0;position:relative;box-shadow:0 8px 25px #58432b22;isolation:isolate}.ed-paper{width:600px;height:849px;position:absolute;transform-origin:top left;overflow:hidden}.ed-element{position:absolute;user-select:none;-webkit-user-select:none;touch-action:none;outline:none;box-sizing:border-box;cursor:move;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.15}.ed-element.selected{outline:2px solid #b77f6d;outline-offset:3px;overflow:visible}.ed-element .ed-text-content{width:100%;height:100%;overflow:hidden}.ed-element:focus-visible{outline:3px solid #9d6755}.ed-element img{width:100%;height:100%;display:block;pointer-events:none}.ed-placeholder{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:#e9e0d6;border:1px dashed #c7b7a5;color:#a18d7a;text-align:center;font:italic 23px var(--serif)}.ed-placeholder span{font:36px var(--sans)}.ed-resize{position:absolute;right:-12px;bottom:-12px;width:28px;height:28px;background:var(--rose);border:4px solid #fff;border-radius:50%;z-index:10;cursor:nwse-resize;touch-action:none}.ed-resize:after{content:'';position:absolute;inset:-12px}.ed-hint{font-size:11px;color:#8b7b6d;text-align:center;padding:8px 14px;margin:0}.ed-navigation{display:flex;align-items:center;gap:18px;padding:8px 0 12px;flex-shrink:0}.ed-navigation button{width:42px}.ed-navigation span{font-size:12px;min-width:95px;text-align:center}.ed-panel{overflow:auto;background:#fffaf5;border-left:1px solid var(--ed-border);padding:20px 18px}.ed-panel h2{font:600 27px var(--serif);margin:0 0 5px}.ed-panel p{font-size:12px;color:#8b7c6f;line-height:1.6}.ed-panel label{display:block;font-size:12px;color:#70675d;margin:14px 0 6px}.ed-panel textarea,.ed-panel select,.ed-panel input:not([type=color]):not([type=range]){width:100%;padding:10px;border:1px solid var(--ed-border);background:white;border-radius:7px;color:var(--ink);min-height:44px}.ed-panel textarea{min-height:125px;resize:vertical;font-size:16px;line-height:1.5}.ed-panel input[type=color]{padding:3px;width:100%;height:42px;border:1px solid var(--ed-border);background:#fff;border-radius:6px}.ed-panel input[type=range]{width:100%;accent-color:var(--rose);min-height:32px}.ed-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ed-toggle-row{display:flex;gap:6px;margin:12px 0}.ed-toggle-row button{flex:1}.ed-toggle-row button.active{background:#edd8cb;border-color:var(--rose)}.ed-operations{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.ed-operations button{font-size:12px}.ed-panel details{border-top:1px solid var(--ed-border);margin-top:18px;padding-top:14px}.ed-panel summary{cursor:pointer;font-size:12px;min-height:30px}.ed-panel .danger{color:#a14c40}.ed-mobile-edit,.ed-panel-close{display:none!important}.ed-sheet-head{display:flex;align-items:center;justify-content:space-between}.ed-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#34382f;color:#fff;padding:12px 18px;border-radius:10px;font-size:12px;z-index:100;max-width:90vw;box-shadow:0 4px 20px #0002}.ed-dialog{max-width:520px;width:calc(100% - 32px);padding:28px;border:1px solid var(--ed-border);border-radius:14px}.ed-dialog h2{font-size:32px;line-height:1.1;margin:8px 0 14px}.ed-dialog p{font-size:13px;line-height:1.6}.ed-dialog button{display:block;width:100%;margin-top:10px;min-height:45px}.ed-dialog .ed-close{width:auto;margin-left:auto}.ed-preview{width:100%;max-height:60dvh;overflow:auto;display:grid;gap:18px;padding:10px;background:#e9e0d8}.ed-preview-page{position:relative;overflow:hidden;width:100%;aspect-ratio:600/849}.ed-preview-inner{width:600px;height:849px;transform-origin:top left;position:absolute}.ed-preview .ed-element{pointer-events:none}.ed-paper-wrap.previewing .ed-element{pointer-events:none}.ed-file{display:none}.ed-help{font-size:12px;line-height:1.7;color:#7c7165}.ed-layout-button{width:100%;text-align:left;margin-top:8px}.ed-counter{font-size:11px;color:#8a7b6c}.ed-overflow{color:#a34f3b;font-size:11px;margin:7px 0}.ed-print-root{display:none}
@media(max-width:1000px){.ed-layout{grid-template-columns:95px minmax(0,1fr) 260px}.ed-actions{gap:5px;padding:9px}.ed-actions button{padding:8px;font-size:11px}.ed-workspace{padding:18px 15px}.ed-panel{padding:16px 12px}.ed-top{padding:8px 12px}}
@media(max-width:700px){.editor{grid-template-rows:58px 1fr}.ed-top{gap:7px;padding:7px 10px}.ed-top a{min-width:30px}.ed-name strong{font-size:21px}.ed-status{font-size:9px}.ed-top button{padding:8px 10px;font-size:12px}.ed-layout{display:flex;flex-direction:column;box-sizing:border-box;padding-bottom:var(--panel-height,0px);transition:padding-bottom .2s ease}.ed-pages{display:flex;flex-shrink:0;gap:9px;overflow-x:auto;overflow-y:hidden;padding:9px 12px;border-right:0;border-bottom:1px solid var(--ed-border);height:112px}.ed-pages-label{display:none}.ed-thumb{width:63px;min-width:63px;margin:0;padding:5px!important;min-height:90px!important}.ed-mini{width:42px;height:60px}.ed-mini-inner{transform:scale(.07)}.ed-thumb small{font-size:9px;margin-top:4px}.ed-main{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 38px auto;grid-template-areas:'paper' 'nav' 'actions';width:100%;min-width:0}.ed-workspace{grid-area:paper;padding:14px 20px;align-items:flex-start;min-height:0}.ed-actions{grid-area:actions;border-bottom:0;border-top:1px solid var(--ed-border);padding:9px 8px max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1fr 44px 44px;gap:5px}.ed-actions button{font-size:11px;padding:8px 3px;min-height:46px}.ed-navigation{grid-area:nav;padding:0;justify-content:center;gap:20px}.ed-navigation button{border:0;background:transparent;min-height:36px}.ed-hint{display:none}.ed-mobile-edit{display:inline-block!important}.ed-desktop-page{display:none!important}.ed-panel{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;max-height:70dvh;border:1px solid var(--ed-border);border-radius:18px 18px 0 0;padding:16px 18px max(20px,env(safe-area-inset-bottom));box-shadow:0 -20px 70px #24180e30;overscroll-behavior:contain}.ed-panel.open{display:block}.ed-panel-close{display:block!important;min-width:44px}.ed-panel h2{font-size:26px}.ed-panel textarea{min-height:100px}.ed-panel input,.ed-panel select{font-size:16px!important}.ed-panel label{margin-top:11px}.ed-operations{grid-template-columns:repeat(2,1fr)}.ed-resize{width:36px;height:36px;right:-18px;bottom:-18px}.ed-toast{bottom:85px}.ed-dialog{padding:20px}.ed-dialog h2{font-size:28px}}
@media(max-height:650px) and (max-width:700px){.ed-pages{height:88px;padding:6px 10px}.ed-thumb{min-height:74px!important;width:54px;min-width:54px}.ed-mini{height:45px;width:32px}.ed-mini-inner{transform:scale(.05333)}.ed-actions{padding-top:5px;padding-bottom:5px}.ed-actions button{min-height:42px}}
@media print{@page{size:A4;margin:0}body>*{display:none!important}body>.ed-print-root{display:block!important}.ed-print-page{width:210mm;height:297mm;position:relative;overflow:hidden;break-after:page;page-break-after:always}.ed-print-page:last-child{break-after:auto;page-break-after:auto}.ed-print-inner{position:absolute;width:600px;height:849px;transform:scale(1.3228346456692913);transform-origin:top left}.ed-element{outline:none!important}.ed-placeholder{visibility:hidden}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.editor,.ed-layout,.ed-top,.ed-pages{min-width:0}.ed-pages{max-width:100%}@media(max-width:700px){.ed-main{align-items:stretch}.ed-workspace{height:100%;align-self:stretch}}
/* Keep the page and its tools in one scrollable column on small screens so a tool sheet never covers the element being edited. */
@media(max-width:700px){body.editing{overflow:hidden}.ed-layout{height:100%;overflow:auto;display:flex;flex-direction:column;padding-bottom:0!important}.ed-main{flex:0 0 calc(var(--ed-height,100dvh) - 58px);height:calc(var(--ed-height,100dvh) - 58px);width:100%}.ed-panel.open{position:relative;inset:auto;display:block;flex:0 0 auto;width:100%;max-height:55dvh;overflow:auto;border-radius:18px 18px 0 0;box-shadow:0 -12px 32px #24180e22}.ed-panel:not(.open){display:none}.ed-workspace{min-height:0}}
/* Editing split view: the selected page remains visible above a bottom tool sheet. */
@media(max-width:700px){.ed-layout{height:100%;overflow:hidden;display:flex;padding-bottom:0!important}.ed-pages{display:flex}.ed-main{height:auto;flex:1 1 auto;min-height:0}.ed-panel.open{position:fixed;left:0;right:0;bottom:0;z-index:40;width:auto;max-height:44dvh;overflow:auto;border-radius:18px 18px 0 0}.ed-layout:has(.ed-panel.open) .ed-pages{display:none}.ed-layout:has(.ed-panel.open) .ed-main{height:calc(var(--ed-height,100dvh) - 58px - var(--panel-height,0px));flex-basis:calc(var(--ed-height,100dvh) - 58px - var(--panel-height,0px));min-height:190px}.ed-layout:has(.ed-panel.open) .ed-workspace{padding-top:8px;padding-bottom:4px}}
.ed-context-toolbar{width:100%;display:flex;align-items:center;gap:5px;min-height:50px;padding:7px 12px;background:#fffaf5;border-bottom:1px solid var(--ed-border);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;flex-shrink:0}.ed-context-toolbar button{min-height:36px;padding:6px 10px;white-space:nowrap;border-radius:7px;background:#fffdf9;font-size:12px}.ed-context-toolbar button:hover{background:#efe2d8}.ed-context-toolbar button.danger{color:#a14f43}.ed-context-toolbar .ed-context-type{font-size:10px;letter-spacing:1.2px;color:#a47e6d;padding:0 7px 0 2px;white-space:nowrap}.ed-context-toolbar .ed-context-empty{font-size:11px;color:#8d7d70}.ed-context-toolbar i{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:-1px;margin-right:4px;border:1px solid #b6aaa0}.ed-main{display:flex;flex-direction:column}.ed-workspace{flex:1}.ed-actions,.ed-context-toolbar,.ed-navigation{flex-shrink:0}
@media(max-width:700px){.ed-main{display:grid;grid-template-rows:auto minmax(0,1fr) 38px auto;grid-template-areas:'context' 'paper' 'nav' 'actions'}.ed-context-toolbar{grid-area:context;min-height:48px;padding:6px 8px;gap:4px}.ed-context-toolbar button{font-size:11px;min-height:36px;padding:6px 8px}.ed-context-toolbar .ed-context-empty{font-size:10px}.ed-layout:has(.ed-panel.open) .ed-context-toolbar{display:none}}
.ed-element .ed-text-content{min-width:0;min-height:0;contain:layout paint}
/* Keep every on-screen and print page at the same exact A4 proportion. */
.ed-paper,.ed-mini-inner,.ed-preview-inner,.ed-print-inner{height:848.5714285714px}
.ed-preview-page{aspect-ratio:210/297}
.ed-binding-zone{position:absolute;left:0;top:0;bottom:0;pointer-events:none;border-right:1px dashed #aa7950;background:rgba(190,143,83,.07);z-index:20}.ed-paper.binding-risk .ed-binding-zone{background:rgba(206,95,49,.17);border-color:#b54f25}.ed-hint{font-size:12px;line-height:1.4;flex-shrink:0;width:100%;padding:7px 12px}.ed-hint.binding-warning,.ed-binding-summary{background:#fff0db;color:#843d1c;border:1px solid #e5bc8d}.ed-binding-summary{padding:12px;border-radius:8px}.ed-hint.binding-warning{margin:0}.ed-preview .ed-placeholder{opacity:.5}@media(max-width:700px){.ed-main{grid-template-rows:auto minmax(0,1fr) auto 38px auto;grid-template-areas:'context' 'paper' 'hint' 'nav' 'actions'}.ed-hint{display:block;grid-area:hint;text-align:left;font-size:11px;line-height:1.3;padding:5px 10px}.ed-layout:has(.ed-panel.open) .ed-main{min-height:210px}}@media print{.ed-binding-zone,.ed-hint,.ed-binding-summary{display:none!important}}
.editor .ed-layout:has(.ed-panel.open) .ed-main{min-width:0}@media(max-width:700px){.ed-layout:has(.ed-panel.open) .ed-main{flex:0 0 calc(var(--ed-height,100dvh) - 58px - var(--panel-height,0px));height:calc(var(--ed-height,100dvh) - 58px - var(--panel-height,0px));min-height:0}}
.ed-preview{display:block}.ed-preview-page{margin-bottom:18px}.ed-preview-page:last-child{margin-bottom:0}

.ed-workspace.ed-focused{justify-content:flex-start;overscroll-behavior:contain}.ed-focused .ed-paper-wrap{margin:0}

@media(max-width:700px){.ed-panel.open{bottom:var(--keyboard-bottom,0px);max-height:calc(var(--ed-height,100dvh)*.44)}.keyboard-open .ed-hint,.keyboard-open .ed-navigation,.keyboard-open .ed-actions{display:none}.keyboard-open .ed-main{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"context" "paper"}}

/* Профессиональная рабочая область редактора:
   лист A4 остается неподвижным, а невидимый внутренний scroll-catcher забирает свайпы у Telegram. */
.ed-workspace{position:relative}
.ed-paper{overflow:visible}
.ed-guide-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:60}
.ed-guide{position:absolute;display:block;pointer-events:none;background:#c75b50;box-shadow:0 0 0 .5px #fff9;z-index:61}
.ed-guide-v{top:-80px;bottom:-80px;width:1px}
.ed-guide-h{left:-80px;right:-80px;height:1px}
.ed-gesture-layer{display:none}
@media(max-width:700px){
  body.editing .ed-workspace{overflow:hidden;overscroll-behavior:none;touch-action:none}
  body.editing .ed-paper-wrap{z-index:2}
  body.editing .ed-gesture-layer{display:block;position:absolute;inset:0;z-index:80;overflow-y:scroll;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:transparent;scrollbar-width:none}
  body.editing .ed-gesture-layer::-webkit-scrollbar{display:none}
  body.editing .ed-gesture-spacer{height:2600px;width:1px;pointer-events:none}
}
