/* ped.css v1.0 — редактор распознанного сечения (перенос seclab/editor.html).
   Все правила прибиты к #ped, классы с префиксом pe-, чтобы не задеть style.css студии. */

#ped.pedwrap{
  --pe-bg:#eef0f3; --pe-panel:#ffffff; --pe-ink:#12161c; --pe-ink2:#5a6472; --pe-line:#d9dee5;
  --pe-accent:#2563eb; --pe-accent-soft:#e8effd; --pe-warn-soft:#fef3c7;
  --pe-danger:#dc2626; --pe-ok:#047857; --pe-ok-soft:#d1fae5; --pe-head:#1e293b;
  position:fixed; inset:0; z-index:200; background:rgba(15,20,28,.55);
  align-items:center; justify-content:center; padding:14px;
  font:13px/1.45 -apple-system,"Segoe UI",Roboto,Arial,sans-serif; color:var(--pe-ink);
}
#ped *{box-sizing:border-box}
#ped .pedbox{background:var(--pe-panel);border-radius:12px;width:min(1560px,100%);height:min(960px,96vh);
  position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.4)}
#ped .pe-spacer{flex:1}
#ped .pe-mono{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace}
#ped .pe-muted{color:var(--pe-ink2)}

/* ---------------------------- шапка ---------------------------- */
#ped .pe-head{background:var(--pe-head);color:#fff;padding:12px 18px;display:flex;align-items:center;
  gap:14px;flex:0 0 auto}
#ped .pe-head h2{margin:0;font-size:15px;font-weight:600;color:#fff}
#ped .pe-sub{color:#a8b4c6;font-size:12px}
#ped .pe-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;
  font-size:11.5px;font-weight:600;background:#33415580;color:#dbe3ee;white-space:nowrap}
#ped .pe-chip.bad{background:#7f1d1d;color:#fee2e2}
#ped .pe-chip.good{background:#065f46;color:#d1fae5}
#ped .pe-x{background:transparent;border:0;color:#94a3b8;font-size:20px;cursor:pointer;line-height:1;padding:2px 6px}
#ped .pe-x:hover{color:#fff}

/* ---------------------------- поля и кнопки ---------------------------- */
#ped button{font:inherit;border:1px solid var(--pe-line);background:#fff;border-radius:7px;padding:5px 11px;
  cursor:pointer;color:var(--pe-ink);width:auto;margin:0;text-transform:none;letter-spacing:normal}
#ped button:hover{background:#f1f4f8}
#ped button:disabled{opacity:.55;cursor:default}
#ped button.pe-primary{background:var(--pe-accent);border-color:var(--pe-accent);color:#fff;font-weight:600}
#ped button.pe-primary:hover{background:#1d4fd8}
#ped button.on{background:var(--pe-accent-soft);border-color:#b9cdf7;color:#1b47a8;font-weight:600}
#ped button.pe-mini{padding:2px 7px;font-size:12px}
#ped input[type=number],#ped input[type=text],#ped select{font:inherit;border:1px solid var(--pe-line);
  border-radius:6px;padding:3px 6px;background:#fff;color:var(--pe-ink);width:auto}
#ped input[type=number]{width:66px;text-align:right}
#ped input[type=range]{width:86px;accent-color:var(--pe-accent);padding:0;border:0}
#ped input[type=checkbox]{accent-color:var(--pe-accent);width:14px;height:14px;margin:0;padding:0;border:0}
#ped label.pe-sw{display:inline-flex;gap:5px;align-items:center;cursor:pointer;user-select:none;
  white-space:nowrap;margin:0;font-size:13px;color:var(--pe-ink)}

/* ---------------------------- тулбар ---------------------------- */
#ped .pe-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 14px;
  border-bottom:1px solid var(--pe-line);background:#f7f8fa;flex:0 0 auto;margin:0}
#ped .pe-grp{display:flex;gap:6px;align-items:center;padding:3px 9px;border:1px solid var(--pe-line);
  border-radius:8px;background:#fff;white-space:nowrap}
#ped .pe-lbl{color:var(--pe-ink2);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-right:2px}

/* ---------------------------- рабочая зона ---------------------------- */
#ped .pe-work{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--pe-line);
  min-height:280px;overflow:hidden}
#ped .pe-pane{background:#fff;display:flex;flex-direction:column;min-width:0;min-height:0}
#ped .pe-ph{display:flex;gap:8px;align-items:center;padding:5px 10px;border-bottom:1px solid var(--pe-line);
  font-size:11.5px;color:var(--pe-ink2);flex:0 0 auto;flex-wrap:wrap}
#ped .pe-ph b{color:var(--pe-ink);font-size:12px;font-weight:600}
#ped .pe-cwrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}
#ped canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;
  border:0;border-radius:0;touch-action:none}
#ped .pe-hint{position:absolute;left:10px;bottom:8px;background:#ffffffdd;border:1px solid var(--pe-line);
  border-radius:6px;padding:3px 8px;font-size:11px;color:var(--pe-ink2);pointer-events:none;max-width:96%}
#ped .pe-pickbar{position:absolute;left:50%;transform:translateX(-50%);top:10px;background:var(--pe-accent);
  color:#fff;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600;
  box-shadow:0 6px 18px rgba(37,99,235,.4);pointer-events:none}

/* ---------------------------- таблица размеров ---------------------------- */
#ped .pe-dims{flex:0 0 auto;display:flex;flex-direction:column;border-top:1px solid var(--pe-line);
  background:#fff;max-height:38vh;min-height:150px}
#ped .pe-dh{display:flex;gap:10px;align-items:center;padding:6px 14px;border-bottom:1px solid var(--pe-line);
  background:#f7f8fa;flex:0 0 auto;flex-wrap:wrap}
#ped .pe-dh b{font-size:12.5px}
#ped .pe-tscroll{overflow:auto;flex:1 1 auto}
#ped table.pe-tbl{border-collapse:collapse;width:100%;font-size:12.5px;margin:0}
#ped table.pe-tbl th{position:sticky;top:0;background:#fff;text-align:left;font-weight:600;color:var(--pe-ink2);
  padding:6px 8px;border-bottom:1px solid var(--pe-line);white-space:nowrap;z-index:2;font-size:11px;
  text-transform:uppercase;letter-spacing:.03em}
#ped table.pe-tbl td{padding:3px 8px;border-bottom:1px solid #eef1f5;white-space:nowrap;vertical-align:middle;
  cursor:default;text-align:left}
#ped table.pe-tbl tr.sel td{background:var(--pe-accent-soft)}
#ped table.pe-tbl tr.hov td{background:#f4f7fd}
#ped table.pe-tbl tr.bad td{background:var(--pe-warn-soft)}
#ped table.pe-tbl tr.bad.sel td{background:#fde9b8}
#ped table.pe-tbl tr.dead td{opacity:.5}
#ped table.pe-tbl td.num{text-align:right;font-family:ui-monospace,Consolas,monospace}
#ped .pe-tag{display:inline-block;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;
  letter-spacing:.02em;background:#f1f1f1;color:#5a5a5a;white-space:nowrap}
#ped .pe-tag.src-draw{background:var(--pe-ok-soft);color:var(--pe-ok)}
#ped .pe-tag.src-calc{background:#e8effd;color:#1b47a8}
#ped .pe-tag.src-hand{background:#f3e8ff;color:#6b21a8}
#ped .pe-axis{display:inline-block;width:20px;text-align:center;font-weight:700;color:var(--pe-ink2)}
#ped .pe-delta.bad{color:var(--pe-danger);font-weight:700}
#ped .pe-delta.ok{color:#94a3b8}

/* ---------------------------- подвал ---------------------------- */
#ped .pe-foot{flex:0 0 auto;display:flex;gap:10px;align-items:center;padding:10px 16px;
  border-top:1px solid var(--pe-line);background:#f7f8fa}
#ped .pe-status{color:var(--pe-ink2);font-size:12px}
#ped .pe-msg{max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ped .pe-stat{display:inline-flex;gap:5px;align-items:baseline;margin-right:14px}
#ped .pe-stat i{font-style:normal;color:var(--pe-ink2);font-size:11px}
#ped .pe-stat b{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:var(--pe-ink)}

@media (max-width:1080px){ #ped .pe-work{grid-template-columns:1fr;grid-template-rows:1fr 1fr} }