html.reader-palette-open{overflow:hidden}.reader-colour-dialog{position:fixed;inset:auto;margin:0;padding:18px;width:336px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--reader-ui-line);border-radius:16px;background:var(--reader-ui-surface);color:var(--reader-ui-ink);box-shadow:0 12px 36px #17271f2b;font:14px/1.5 var(--font-body,system-ui,sans-serif)}.reader-colour-dialog::backdrop{background:#fff0}.reader-palette-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.reader-palette-heading strong{font-size:.9rem}.reader-palette-heading button{padding:0;width:30px;height:30px;min-width:30px;line-height:1;background:#fff0;color:var(--reader-ui-muted);border:0;font:24px/1 system-ui}.reader-palette-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;gap:2px;border-radius:8px;background:var(--reader-ui-line);margin-bottom:18px}.reader-palette-tabs button{background:#fff0;color:var(--reader-ui-muted);font-size:12px;line-height:1.3;border:0;border-radius:6px;padding:7px 2px;font-weight:500}.reader-palette-tabs button[aria-selected=true]{background:var(--reader-background);color:var(--reader-ui-ink);box-shadow:0 1px 3px #0001}.reader-palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 7px}.reader-palette-swatch{padding:0;aspect-ratio:1;width:100%;border-radius:50%;border:1px solid #0000000a;position:relative;min-width:0;min-height:0}.reader-palette-swatch[aria-pressed=true]:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font:600 15px/1 system-ui}.reader-palette-swatch[aria-pressed=true]{outline:2px solid var(--reader-ui-ink);outline-offset:2px}.reader-palette-swatch:hover{filter:none;box-shadow:0 0 0 2px var(--reader-ui-line)}.reader-palette-add{width:100%;margin-top:18px;background:#fff0;color:var(--reader-ui-accent);border:1px dashed var(--reader-ui-line);border-radius:8px;font-size:12px;padding:8px}.reader-palette-value{text-align:end;font:11px/1.5 ui-monospace,monospace;color:var(--reader-ui-muted);margin:14px 0 0}.reader-custom-preview{height:42px;border-radius:8px;border:1px solid var(--reader-ui-line);margin-bottom:14px}.reader-palette-panel label{font-size:12px;display:block;color:var(--reader-ui-muted)}.reader-colour-dialog input[type=range]{margin:2px 0 8px}.reader-colour-dialog [data-custom-channel=h]::-webkit-slider-runnable-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.reader-colour-dialog [data-custom-channel=h]::-moz-range-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.reader-hex-row{display:flex;align-items:center;gap:8px;margin-top:12px}.reader-hex-row input{min-width:0;width:100%;padding:8px;border:1px solid var(--reader-ui-line);background:var(--reader-background);color:var(--reader-ui-ink);font:14px/1.5 ui-monospace,monospace}.reader-hex-row button{padding:8px 12px;background:var(--reader-ui-accent);color:var(--reader-background);border-radius:6px;font-size:12px;white-space:nowrap}.reader-colour-dialog #reader-colour-error{font-size:12px;margin:8px 0 0;color:var(--reader-ui-ink)}.reader-palette-panel>[data-palette-empty]{font-size:12px;color:var(--reader-ui-muted);margin:0;padding:20px 0}.reader-colour-dialog button:focus-visible,.reader-colour-dialog input:focus-visible{outline:2px solid var(--reader-ui-accent);outline-offset:3px}@media(max-width:480px){.reader-colour-dialog input[type=text]{font-size:16px}}.tr-reader .tr-settings input[type=range],.reader-colour-dialog input[type=range]{appearance:none;-webkit-appearance:none;border:0;box-shadow:none;padding:0;height:26px;margin:8px 0 0;display:block;width:100%;background:#fff0;cursor:pointer;--range-fill:25%}.tr-reader .tr-settings input[type=range]::-webkit-slider-runnable-track,.reader-colour-dialog input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--reader-ui-accent) 0 var(--range-fill),var(--reader-ui-line) var(--range-fill) 100%)}.tr-reader .tr-settings input[type=range]::-webkit-slider-thumb,.reader-colour-dialog input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:14px;width:14px;margin-top:-5.5px;border-radius:50%;border:2px solid var(--reader-ui-accent);background:var(--reader-background);box-shadow:0 1px 3px #0002}.tr-reader .tr-settings input[type=range]::-moz-range-track,.reader-colour-dialog input[type=range]::-moz-range-track{height:3px;border:0;border-radius:3px;background:var(--reader-ui-line)}.tr-reader .tr-settings input[type=range]::-moz-range-progress,.reader-colour-dialog input[type=range]::-moz-range-progress{height:3px;background:var(--reader-ui-accent)}.tr-reader .tr-settings input[type=range]::-moz-range-thumb,.reader-colour-dialog input[type=range]::-moz-range-thumb{height:11px;width:11px;border:2px solid var(--reader-ui-accent);border-radius:50%;background:var(--reader-background)}.tr-reader{--reader-ui-ink:var(--tr-ui);--reader-ui-muted:var(--tr-ui);--reader-ui-line:var(--tr-border);--reader-ui-surface:var(--tr-panel);--reader-ui-accent:var(--tr-accent);--reader-background:#ffffff}.tr-reader .tr-controls .reader-colour-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:44px;padding:8px}.tr-reader .reader-colour-trigger i{width:26px;height:26px;border-radius:50%;border:1px solid var(--tr-border);background:var(--swatch);flex:none}.tr-reader .tr-settings label:has(input[type=range]){padding:12px;border:1px solid var(--tr-border);border-radius:10px;background:var(--reader-background)}