/* Клиентский редактор PDF (план C). Всё в браузере. */
#pe{--pe-gap:14px}
.pe-drop{border:2px dashed var(--line-strong);border-radius:var(--radius);padding:44px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface)}
.pe-drop:hover,.pe-drop.over{border-color:var(--accent);background:var(--accent-soft)}
.pe-drop .di{font-size:2.4rem}
.pe-drop p{margin:.5em 0 0}
.pe-drop .pe-sub{color:var(--muted);font-size:.85rem}

.pe-toolbar{position:sticky;top:8px;z-index:20;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px;margin-bottom:var(--pe-gap);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.pe-tools{display:flex;gap:6px;flex-wrap:wrap}
.pe-t{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:var(--radius-sm);font:inherit;font-size:.9rem;cursor:pointer;line-height:1}
.pe-t:hover{border-color:var(--accent)}
.pe-t[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.pe-opts{display:flex;gap:10px;align-items:center;flex:1 1 180px;flex-wrap:wrap;min-height:34px;color:var(--muted);font-size:.85rem}
.pe-opts label{display:inline-flex;align-items:center;gap:6px}
.pe-opts input[type=color]{width:30px;height:26px;padding:0;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer}
.pe-opts input[type=range]{width:90px}
.pe-actions{display:flex;gap:8px}
.pe-actions .btn{cursor:pointer}

.pe-pages{display:flex;flex-direction:column;align-items:center;gap:18px;max-height:78vh;overflow:auto;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}
.pe-page{position:relative;box-shadow:0 2px 10px rgba(0,0,0,.18);background:#fff;line-height:0}
.pe-page canvas{display:block}
.pe-page .pe-base{max-width:100%;height:auto}
.pe-page .pe-ov{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.pe-tool-select .pe-ov{cursor:default}
.pe-tool-text .pe-ov{cursor:text}
.pe-tool-draw .pe-ov{cursor:crosshair}
.pe-tool-image .pe-ov{cursor:copy}
.pe-pageno{position:absolute;left:8px;top:8px;z-index:5;background:rgba(0,0,0,.55);color:#fff;font-size:.72rem;padding:2px 7px;border-radius:999px;pointer-events:none}

/* плавающий редактор текста */
.pe-textedit{position:absolute;z-index:30;margin:0;border:1px dashed var(--accent);background:rgba(255,255,255,.9);color:#111;font-family:Arial,Helvetica,sans-serif;line-height:1.25;padding:2px 4px;outline:none;resize:none;overflow:hidden;white-space:pre;min-width:40px}

.pe-hint{color:var(--muted);font-size:.85rem;margin:10px 0 0;text-align:center}
@media (max-width:640px){
  .pe-toolbar{gap:8px;padding:8px}
  .pe-t{padding:8px 10px;font-size:.85rem}
  .pe-pages{max-height:70vh}
}