.rr-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:2px solid var(--color-border, #e5e7eb);color:var(--color-text-muted, #374151);padding:6px 12px;border-radius:var(--radius-md, 8px);cursor:pointer;font-weight:600;font-size:13px;font-family:inherit;transition:all var(--transition-base, .2s);white-space:nowrap}.rr-toggle-btn:hover{border-color:var(--color-brand, #dc9435);color:var(--color-brand, #dc9435);background:var(--color-primary-light, #fff7f2)}.rr-toggle-btn.rr-toggle-active{border-color:var(--color-brand, #dc9435);color:var(--color-text-inverse, #fff);background:var(--color-brand, #dc9435)}.rr-toggle-btn:focus-visible{outline:2px solid var(--color-border-focus, #ff8a3d);outline-offset:2px}.reading-ruler-settings{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 14px;margin-bottom:8px;background:var(--color-bg-subtle, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:13px}.rr-settings-row{display:flex;align-items:center;gap:6px}.rr-settings-label{font-weight:600;color:var(--color-text-secondary, #374151);margin-right:2px}.rr-color-btn{width:24px;height:24px;border-radius:var(--radius-full, 9999px);border:2px solid var(--color-border, #e5e7eb);cursor:pointer;transition:all var(--transition-fast, .15s);padding:0}.rr-color-btn:hover{transform:scale(1.15)}.rr-color-btn.rr-active{border-color:var(--color-text, #1f2937);box-shadow:0 0 0 2px var(--color-bg-card, #fff),0 0 0 4px var(--color-brand, #dc9435)}.rr-color-btn:focus-visible{outline:2px solid var(--color-border-focus, #ff8a3d);outline-offset:2px}.rr-color-yellow{background:#fde04799}.rr-color-blue{background:#93c5fd99}.rr-color-green{background:#86efac99}.rr-color-clear{background:#e5e7eb80}.rr-height-btn{background:var(--color-bg-card, #fff);border:2px solid var(--color-border, #e5e7eb);color:var(--color-text-muted, #374151);padding:4px 10px;border-radius:var(--radius-sm, 6px);cursor:pointer;font-weight:600;font-size:12px;font-family:inherit;transition:all var(--transition-fast, .15s)}.rr-height-btn:hover{border-color:var(--color-brand, #dc9435);color:var(--color-brand, #dc9435)}.rr-height-btn.rr-active{border-color:var(--color-brand, #dc9435);background:var(--color-brand, #dc9435);color:var(--color-text-inverse, #fff)}.rr-height-btn:focus-visible{outline:2px solid var(--color-border-focus, #ff8a3d);outline-offset:2px}.reading-ruler-overlay{position:absolute;inset:0;z-index:var(--z-overlay, 40);pointer-events:none;user-select:none}.reading-ruler-shade{position:absolute;left:0;right:0;background:#00000073;pointer-events:none;transition:height .1s ease,top .1s ease}.reading-ruler-shade-top,.reading-ruler-shade-bottom{top:0}.reading-ruler-window{position:absolute;left:0;right:0;border-top:2px solid transparent;border-bottom:2px solid transparent;pointer-events:none;transition:top .1s ease,height .1s ease}.reading-ruler-handle{position:absolute;bottom:-4px;left:0;right:0;height:8px;cursor:grab;pointer-events:auto;touch-action:none;background:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:1}.reading-ruler-handle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:7px;background:var(--color-text-muted, #374151);border-radius:2px;opacity:.5;transition:opacity var(--transition-fast, .15s)}.reading-ruler-handle:hover:after{opacity:.8}.reading-ruler-handle:active{cursor:grabbing}.rr-dragging .reading-ruler-shade,.rr-dragging .reading-ruler-window{transition:none}[data-theme=dark] .reading-ruler-settings{background:var(--color-bg-subtle, #2a2a2a);border-color:var(--color-border, #333)}[data-theme=dark] .rr-color-btn.rr-active{box-shadow:0 0 0 2px var(--color-bg-card, #1e1e1e),0 0 0 4px var(--color-brand, #e5a040)}[data-theme=dark] .reading-ruler-shade{background:#000000a6}[data-theme=dark] .rr-height-btn{background:var(--color-bg-card, #1e1e1e)}[data-theme=dark] .rr-color-yellow{background:#fde04759}[data-theme=dark] .rr-color-blue{background:#93c5fd59}[data-theme=dark] .rr-color-green{background:#86efac59}[data-theme=dark] .rr-color-clear{background:#e5e7eb33}[data-a11y=high-contrast] .rr-color-btn.rr-active{border-width:3px}@media(max-width:768px){.rr-toggle-btn span{display:none}.rr-toggle-btn{padding:6px 8px}.reading-ruler-settings{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 10px}}@media(max-width:480px){.reading-ruler-settings{font-size:12px}.rr-height-btn{padding:3px 8px;font-size:11px}.rr-color-btn{width:22px;height:22px}}@media print{.reading-ruler-overlay,.reading-ruler-settings,.rr-toggle-btn{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}