.local-annotation { position: fixed; z-index: 1100; right: 1rem; bottom: 1rem; max-width: min(42rem, calc(100vw - 2rem)); font: inherit; }
.local-annotation button, .local-annotation select { font: inherit; }
.local-annotation button { min-height: 2.6rem; padding: .42rem .65rem; border: 1px solid #9db5dd; border-radius: .55rem; background: #fff; color: #173f8f; cursor: pointer; font-weight: 650; }
.local-annotation button:focus-visible, .local-annotation select:focus-visible { outline: 3px solid #f5af32; outline-offset: 2px; }
.local-annotation__open { box-shadow: 0 3px 14px #16294a33; }
.local-annotation__tools { max-height: min(65vh, 28rem); overflow-y: auto; padding: .7rem; background: #f7faff; border: 1px solid #9db5dd; border-radius: .8rem; box-shadow: 0 5px 24px #16294a40; }
.local-annotation__tools[hidden], .local-annotation__open[hidden] { display: none; }
.local-annotation__row { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-bottom: .4rem; }
.local-annotation__row label { display: inline-flex; align-items: center; gap: .25rem; color: #173f8f; font-size: .9rem; }
.local-annotation select { min-height: 2.6rem; max-width: 7rem; border: 1px solid #9db5dd; border-radius: .4rem; background: #fff; }
.local-annotation button[aria-pressed="true"] { color: #fff; background: #2456b3; border-color: #2456b3; }
.local-annotation button[data-confirm="true"] { color: #8a2800; background: #fff0d4; border-color: #dd9b4a; }
.local-annotation button:disabled { opacity: .48; cursor: default; }
.local-annotation__hint { margin: .25rem 0 0; color: #344967; font-size: .78rem; }
.local-annotation__ink { z-index: 1090; overflow: visible; touch-action: pan-y; }
.local-annotation__ink[hidden] { display: none; }
.local-annotation__ink--page { position: absolute; left: 0; top: 0; }
.local-annotation__ink--screen { position: fixed; left: 0; top: 0; }
.local-annotation__ink:not(.local-annotation__ink--active) { pointer-events: none; }
.local-annotation__ink--active { pointer-events: all; }
@media (max-width: 600px) { .local-annotation { left: .5rem; right: .5rem; bottom: .5rem; max-width: none; } .local-annotation__tools { max-height: 48vh; } .local-annotation__row button { flex: 1 1 auto; } }
@media print { .local-annotation, .local-annotation__ink { display: none !important; } }