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