/* Keep controls readable independently of the selected page font. */
.lab-panel, .lab-panel * { font-family: system-ui, sans-serif !important; box-sizing: border-box; }
.lab-panel { position: fixed; z-index: 2147483647; right: 16px; bottom: calc(var(--lab-pagenav-h, 56px) + 16px); max-width: calc(100vw - 32px); padding: 12px; border: 1px solid #999; border-top: 3px solid #ed3424; border-radius: 6px; background: #fff; color: #222; box-shadow: 0 3px 18px #0003; font-size: 14px; line-height: 1.5; text-align: left; }
.lab-panel select { display: block; width: 310px; max-width: 100%; margin-top: 6px; padding: 5px; font-size: 14px; color: #222; background: #fff; }
.lab-panel button { float: right; margin-left: 12px; padding: 2px 8px; cursor: pointer; font-size: 12px; color: #222; background: #f5f5f5; border: 1px solid #aaa; border-radius: 3px; }
.lab-panel [data-lab-note] { display: block; margin-top: 5px; color: #8b2e20; }
.lab-panel[data-collapsed="1"] select, .lab-panel[data-collapsed="1"] [data-lab-note] { display: none; }
.lab-pagenav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483646; display: flex; gap: 8px; justify-content: center; padding: 8px 12px; background: #fff; border-top: 3px solid #ed3424; box-shadow: 0 -3px 18px #0003; font: 14px/1.4 system-ui, sans-serif; }
.lab-pagenav a { padding: 6px 12px; border: 1px solid #aaa; border-radius: 4px; color: #222; text-decoration: none; background: #f5f5f5; }
.lab-pagenav a.is-current { background: #ed3424; color: #fff; border-color: #ed3424; }
body { padding-bottom: var(--lab-pagenav-h, 56px) !important; }
.lab-pagenav, .lab-pagenav * { font-family: system-ui, sans-serif !important; box-sizing: border-box; }