#textSelectionTools{position:fixed;z-index:1600;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 5px 22px #18223b1c;max-width:calc(100vw - 16px);animation:note-toolbar-in .12s ease-out;user-select:none}
#textSelectionTools[hidden],#textSelectionTools [hidden]{display:none!important}
/* The unified toolbar owns selection actions, including during cached page upgrades. */
#selectionAskBtn{display:none!important}
#textSelectionTools button{height:32px;min-height:32px;min-width:32px;padding:5px 8px!important;border:0!important;border-radius:7px;background:transparent!important;color:var(--text-primary)!important;font-size:12px;line-height:1;white-space:nowrap}
#textSelectionTools button:hover,#textSelectionTools button[aria-pressed="true"]{background:var(--bg-tertiary)!important}
#textSelectionTools button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
#textSelectionTools i{height:18px;width:1px;background:var(--border);margin:0 3px}
#textSelectionTools [data-note-color] span{font-weight:650;font-size:14px;border-bottom:3px solid var(--note-color);padding-bottom:2px}
[data-note-color="amber"]{--note-color:#D7A326}
[data-note-color="green"]{--note-color:#38A47E}
[data-note-color="blue"]{--note-color:#5A8DEA}
[data-note-color="rose"]{--note-color:#D778A0}
html[data-ui-theme] .oi-text-note{background:transparent;text-decoration-line:underline;text-decoration-color:var(--note-color);text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-skip-ink:none;cursor:pointer;border-radius:1px}
html[data-ui-theme] .oi-text-note:hover{background:color-mix(in srgb,var(--note-color) 10%,transparent)}
@keyframes note-toolbar-in{from{opacity:0;translate:0 3px}to{opacity:1;translate:0 0}}
#textSelectionTools [data-note-action="comment"]{display:flex;align-items:center;justify-content:center}
#textNoteEditor{position:fixed;z-index:1610;width:min(340px,calc(100vw - 16px));padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 8px 32px #18223b24;overflow:auto;animation:note-toolbar-in .12s ease-out}
#textNoteEditor[hidden]{display:none}
#textNoteEditor header,#textNoteEditor footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
#textNoteEditor header strong{font-size:13px;font-weight:650}
#textNoteEditor button{border:0;border-radius:7px;min-height:32px;padding:5px 11px;font-size:12px;cursor:pointer}
#textNoteEditor [data-comment-close]{color:var(--text-muted);background:transparent;font-size:20px;min-width:32px}
#textNoteEditor blockquote{margin:10px 0 12px;padding:3px 0 3px 10px;border-left:3px solid var(--primary);font-size:12px;line-height:1.6;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#textNoteEditor textarea{display:block;width:100%;min-height:96px;max-height:160px;resize:vertical;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:14px;line-height:1.6;box-sizing:border-box}
#textNoteEditor textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 30%,transparent);border-color:var(--primary)}
#textNoteEditor footer{margin-top:12px}
#textNoteEditor footer span{font-size:10px;color:var(--text-muted);line-height:1.5}
#textNoteEditor [data-comment-save]{background:var(--primary);color:white;white-space:nowrap}
.oi-text-note[data-has-comment="true"]{background:color-mix(in srgb,var(--note-color) 9%,transparent)!important}
@media(max-width:360px){#textSelectionTools{gap:1px;padding:4px}#textSelectionTools button{min-width:32px!important;padding:5px 6px!important}#textSelectionTools i{margin:0 1px}}
@media(pointer:coarse){#textSelectionTools button{min-height:40px;min-width:36px}}
@media(prefers-reduced-motion:reduce){#textSelectionTools{animation:none}}