.note-overlay.note-not-applied{display:none}
.page-navigation{position:absolute;bottom:9px;right:12px;display:flex;align-items:center;gap:5px;padding:4px;border-radius:14px;background:rgba(23,32,29,.82);color:#fff;font-size:10px}
.page-navigation button{width:24px;height:22px;border:0;border-radius:9px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.page-navigation button:disabled{opacity:.35;cursor:default}
.field input[type=text]{width:100%;height:39px;padding:0 9px;border:1px solid #ccd4cf;border-radius:9px;background:#fff;color:var(--ink);font:inherit;outline:none}
.field input[type=text]:focus{border-color:#487564;box-shadow:0 0 0 3px #e5efea}
.page-selection-field small{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.35}
.page-selection-field input:read-only{background:#f0f2f0;color:#52615b}
.drag-hint{margin:-9px 0 18px;color:var(--muted);font-size:10px;line-height:1.4}
.note-overlay{pointer-events:auto;cursor:grab;touch-action:none;user-select:none}
.note-overlay.dragging{cursor:grabbing}