.rng-ruler{margin:0;display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-2)}.rng-ruler__plot{position:relative}.rng-ruler__track{position:relative;height:18px}.rng-ruler__epa{position:absolute;top:0;bottom:0;left:0;width:100%;border:1px solid var(--control-border);border-right:0;background:var(--panel-raised);transform-origin:0 50%;transform:scaleX(var(--epa, 1));transition:transform var(--duration-result) var(--ease-glide)}.rng-ruler__end{position:absolute;top:-6px;bottom:-6px;left:calc(var(--epa, 1) * 100%);width:1px;margin-left:-1px;background:var(--control-border)}.rng-ruler__bar{position:absolute;left:0;top:4px;bottom:4px;width:100%;transform-origin:0 50%;transition:transform var(--duration-result) var(--ease-glide)}.rng-ruler__bar--real{background:var(--ink);transform:scaleX(var(--real, 0))}.rng-ruler__bar--avail{background:var(--brand);transform:scaleX(var(--avail, 0))}.rng-ruler__scale{position:relative;height:24px;margin-top:4px}.rng-ruler__tick{position:absolute;top:0;left:calc(var(--x, 0) * 100%);width:1px;height:4px;background:var(--hairline)}.rng-ruler__tick.is-major{height:7px;background:var(--control-border)}.rng-ruler__tick>span{position:absolute;top:9px;left:0;transform:translate(-50%);font:400 11px/14px var(--font-sans);color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.rng-ruler__tick.is-start>span{transform:none}.rng-ruler__tick.is-end>span{transform:translate(-100%)}@supports (overflow: clip){.rng-ruler__track,.rng-ruler__scale{overflow-x:clip}.rng-ruler__end{left:0;width:100%;background:none;border-left:1px solid var(--control-border);transform:translate(calc(var(--epa, 1) * 100%));transition:transform var(--duration-result) var(--ease-glide)}.rng-ruler__tick{left:0;width:100%;background:none;border-left:1px solid var(--hairline);transform:translate(calc(var(--x, 0) * 100%));transition:transform var(--duration-result) var(--ease-glide)}.rng-ruler__tick.is-major{background:none;border-left-color:var(--control-border)}.rng-ruler__tick>span{left:-1px}}.rng-ruler__key{display:flex;flex-direction:column;gap:6px;margin:0;padding:var(--space-3) 0 0;list-style:none;border-top:1px solid var(--hairline)}.rng-ruler__key li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);font:400 13px/20px var(--font-sans);color:var(--ink-muted)}.rng-ruler__key b{font:600 16px/20px var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.rng-swatch{display:block;width:16px;height:10px}.rng-swatch--avail{background:var(--brand)}.rng-swatch--real{background:var(--ink)}.rng-swatch--epa{border:1px solid var(--control-border);background:var(--panel-raised)}.rng-tiles .gt-tile>.gt-label{min-height:32px}.rng-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,var(--result-column));gap:var(--space-16);align-items:start;margin-top:var(--space-8)}.rng-detail__side{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.rng-sub{margin-top:calc(var(--space-2) * -1)}.rng-axis{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--space-2);margin-bottom:calc(var(--space-4) * -1);font:600 11px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.rng-axis>:last-child{text-align:right}.rng-axis__arrow{vertical-align:-1px}.rng-axis__arrow svg{width:12px;height:12px}.rng-method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-8)}.rng-method>div{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--hairline)}.rng-method h3{margin:0;font:600 18px/22px var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}@media(max-width:1024px){.rng-detail{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.rng-tool .gt-tool.has-sticky{padding-bottom:0}.rng-tool{padding-bottom:120px}}@media(max-width:720px){.rng-method{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.rng-tiles .gt-tiles{grid-template-columns:minmax(0,1fr)}.rng-tiles .gt-tile>.gt-label{min-height:0}}
