/* Text and link content picker */
.content-picker-fab {
  position: fixed; z-index: 99979; right: 22px; bottom: 78px;
  display: inline-flex; min-height: 46px; align-items: center; gap: 9px;
  padding: 0 17px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px;
  color: #fff; background: #8a4c2a; box-shadow: 0 10px 30px rgba(33,20,10,.28);
  font: 700 13px/1 "Microsoft YaHei", sans-serif; cursor: pointer;
}
.content-picker-fab::before { content: "Aa"; color: #ffe0a6; font: 700 12px/1 Georgia, serif; }
.content-picker-fab:hover { background: #a65b30; transform: translateY(-1px); }
.content-picker-fab:focus-visible { outline: 3px solid #fff08d; outline-offset: 3px; }
.content-picker-fab .count { display: grid; min-width: 20px; height: 20px; place-items: center; padding: 0 5px; border-radius: 999px; color: #5b3613; background: #ffe6af; font-size: 11px; }
.content-picker-overlay { position: fixed; z-index: 99983; inset: 0; background: rgba(20,14,10,.52); backdrop-filter: blur(2px); }
.content-picker-overlay[hidden], .content-picker[hidden] { display: none; }
.content-picker {
  position: fixed; z-index: 99984; top: 16px; right: 16px; bottom: 16px;
  display: flex; width: min(560px, calc(100vw - 32px)); flex-direction: column;
  overflow: hidden; border: 1px solid rgba(111,77,39,.22); border-radius: 18px;
  color: #37291e; background: #fffaf1; box-shadow: 0 26px 80px rgba(35,21,9,.34);
  font: 13px/1.55 "Microsoft YaHei", "PingFang SC", sans-serif;
}
.content-picker .delete-picker-tree { padding-top: 8px; }
.content-picker-modebar { display: flex; flex-wrap: wrap; gap: 7px; padding: 10px 16px; border-bottom: 1px solid rgba(102,78,48,.12); background: #fffdf8; }
.content-mode { min-height: 34px; padding: 0 12px; border: 1px solid #dccab4; border-radius: 999px; color: #6d4e34; background: #fff; font-size: 12px; cursor: pointer; }
.content-mode.on { color: #fff; border-color: #a85d31; background: #a85d31; }
.content-picker-tools { grid-template-columns: 1fr auto; }
.content-visible-toggle { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid #d8c5ad; border-radius: 9px; color: #715238; background: #fff; font-size: 12px; white-space: nowrap; }
.content-item { align-items: flex-start; }
.content-item > span.content-main { min-width: 0; flex: 1; }
.content-type { display: inline-grid; width: 22px; height: 22px; flex: 0 0 auto; place-items: center; border-radius: 6px; font: 700 10px/1 "Microsoft YaHei", sans-serif; }
.content-type.text { color: #7d4d21; background: #f5dfba; }
.content-type.link { color: #145d6a; background: #d7eff2; }
.content-text { display: block; overflow: hidden; color: #4d3928; line-height: 1.55; text-overflow: ellipsis; }
.content-meta { display: block; margin-top: 2px; overflow: hidden; color: #9b8066; font: 10px/1.4 ui-monospace, monospace; text-overflow: ellipsis; white-space: nowrap; }
.content-hidden-flag { display: inline-block; margin-left: 5px; padding: 0 5px; border-radius: 4px; color: #8b6d52; background: #f0e4d5; font-size: 9px; }
.content-selection-highlight { outline: 3px solid #168fa3 !important; outline-offset: 3px !important; }
.content-preview-mode .content-selection-preview { display: none !important; }
@media (max-width: 640px) {
  .content-picker-fab { right: 12px; bottom: 68px; min-height: 44px; padding: 0 14px; }
  .content-picker { top: 8px; right: 8px; bottom: 8px; width: calc(100vw - 16px); border-radius: 14px; }
  .content-picker .delete-picker-head { padding: 16px 16px 12px; }
}