/* ===== Przycinanie stron ===== */
  #tool-edit .workspace { position: relative; }
  .ecropbar { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 40; display: flex; align-items: center; gap: 6px;
              padding: 7px 8px 7px 14px; background: var(--card); color: var(--text); border: 1px solid var(--border); border-radius: 14px;
              box-shadow: 0 14px 40px rgba(0,0,0,.35); white-space: nowrap; animation: ecb-in .18s cubic-bezier(.2,.8,.2,1); max-width: calc(100% - 24px); overflow-x: auto; }
  .ecropbar[hidden] { display: none; }
  @keyframes ecb-in { from { opacity: 0; transform: translate(-50%, 8px); } }
  .ecb-info { display: inline-flex; flex-direction: column; line-height: 1.2; margin-right: 4px; }
  .ecb-info b { font-size: .85rem; } .ecb-info span { font-size: .78rem; color: var(--muted); font-variant-numeric: tabular-nums; }
  .ecb-sep { width: 1px; height: 26px; background: var(--border); margin: 0 4px; }
  .ecropbar button { padding: 7px 11px; border-radius: 9px; font-size: .84rem; font-weight: 600; background: transparent; color: var(--text); border: 1px solid transparent; box-shadow: none; cursor: pointer; }
  .ecropbar button:hover { border-color: var(--border); background: color-mix(in srgb, var(--text) 7%, transparent); }
  .ecropbar .ecb-done { background: var(--accent) !important; color: var(--accent-text) !important; padding: 7px 16px; }
  @media (prefers-reduced-motion: reduce) { .ecropbar { animation: none; } }
  body:has(#ecropbar:not([hidden])) #emsg { bottom: 86px; }   /* komunikaty nad paskiem przycinania */
  @media (max-width: 760px) { .ecb-info span { display: none; } }