.pff-live-target { outline: 2px solid #2f6fed !important; outline-offset: 3px; cursor: pointer; }
.pff-live-pencil,
.pff-live-panel,
.pff-live-bar { font-family: "Segoe UI", system-ui, sans-serif; }
.pff-live-bar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 2147483646;
  background: #0f1c2e; color: #fff; padding: .55rem 1rem;
  display: flex; justify-content: space-between; gap: 1rem; align-items: center;
  font-size: .92rem;
}
.pff-live-bar strong { font-weight: 700; }
.pff-live-pencil {
  position: fixed; z-index: 2147483646;
  width: 34px; height: 34px; border: 0; border-radius: 999px;
  background: #c8102e; color: #fff; font-size: 16px; cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.3);
}
.pff-live-panel {
  position: fixed; top: 52px; right: 12px; z-index: 2147483646;
  width: min(320px, calc(100vw - 24px));
  background: #fff; color: #0f1c2e; border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.28); padding: 1rem;
}
.pff-live-panel h3 { margin: 0 0 .75rem; font-size: 1rem; }
.pff-live-panel label { display: block; font-size: .75rem; font-weight: 700; margin: .45rem 0 .2rem; }
.pff-live-panel input,
.pff-live-panel textarea {
  width: 100%; box-sizing: border-box; border: 1px solid #d5dbe3; border-radius: 8px; padding: .45rem .55rem;
}
.pff-live-panel textarea { min-height: 72px; }
.pff-live-panel .row { display: flex; gap: .4rem; margin-top: .75rem; }
.pff-live-panel button {
  border: 0; border-radius: 999px; padding: .45rem .8rem; cursor: pointer; font-weight: 700;
}
.pff-live-save { background: #c8102e; color: #fff; }
.pff-live-close { background: #eef2f6; color: #0f1c2e; }
.pff-live-note { font-size: .75rem; color: #516074; margin: .35rem 0 0; }
html.pff-editing body { padding-top: 46px; }