:root{--hairline-strong:#ffffff29;--surface-raised:#18181b;--bg-translucent:#09090bd9;--accent-08:#6ee7b714;--accent-12:#6ee7b71f;--accent-25:#6ee7b740;--accent-40:#6ee7b766;--accent-50:#6ee7b780;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--positive:var(--accent);--negative:#f08a8a}.section-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:.7rem;font-weight:400}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tool-page :where(a,button,input,select,summary,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-page :where(.field){align-content:start;gap:.25rem;min-width:0;display:grid}.tool-page :where(.field-label){color:var(--text-muted);font-size:.75rem}.tool-page :where(.field-hint){color:var(--text-faint);margin:0;font-size:.7rem;line-height:1.4}.tool-page :where(select){background:var(--surface);border:1px solid var(--hairline-strong);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:6px;padding:.4375rem .625rem;font-size:.875rem}.tool-page :where(select:focus){border-color:var(--accent-50)}.tool-page :where(input[type=range]){width:100%;accent-color:var(--accent);cursor:pointer;margin:0}@media (width<=639px){.tool-page :where(input[type=range]){min-height:2.75rem}}