.text-mark-menu { position: fixed; z-index: 100; min-width: 170px; padding: 5px; background: #fff; color: #12213f; border: 1px solid #a9b8d0; border-radius: 6px; }
.text-mark-menu[hidden] { display: none; }
.text-mark-menu button { display: block; width: 100%; padding: 8px 13px; border: 0; border-radius: 3px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.text-mark-menu button:hover,.text-mark-menu button:focus-visible { background: #eaf0ff; outline: 2px solid #123fbd; }
.text-mark-menu button:disabled { color: #667085; cursor: default; background: transparent; outline: none; }
.user-mark-highlight { background: #ffe66d; color: #12213f; }
.user-mark-exclude { text-decoration: line-through; text-decoration-thickness: 2px; }
.user-mark-note { border-bottom: 2px dotted #123fbd; cursor: pointer; background-color: #eaf0ff; color: #12213f; }
.text-note-tooltip { position: fixed; z-index: 101; pointer-events: none; width: max-content; max-width: min(340px, calc(100vw - 16px)); box-sizing: border-box; overflow: hidden; padding: 8px 12px; border: 1px solid #a9b8d0; border-radius: 6px; background: #fff; color: #12213f; font: 14px/1.5 "Segoe UI", "Microsoft YaHei", sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; }
.text-note-tooltip[hidden] { display: none; }
.user-mark-highlight.user-mark-note { background-color: #ffe66d; }
.text-mark-dialog { width: min(480px, calc(100vw - 32px)); border: 1px solid #a9b8d0; border-radius: 12px; padding: 24px; color: #12213f; background: #fff; }
.text-mark-dialog::backdrop { background: #12213f66; }
.text-mark-dialog label { display: grid; gap: 8px; }
.text-mark-dialog textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 10px; }
.text-mark-dialog [data-note-quote] { max-height: 100px; overflow: auto; overflow-wrap: anywhere; }
.text-mark-dialog form>div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.text-mark-dialog button { min-height: 40px; padding: 8px 12px; cursor: pointer; }