.tool-aura{pointer-events:none;background:radial-gradient(42rem 26rem at 22% 0%, color-mix(in oklch, var(--tool-accent) 26%, transparent), transparent 70%), radial-gradient(34rem 22rem at 78% 12%, color-mix(in oklch, var(--color-ink) 7%, transparent), transparent 72%);filter:blur(18px);opacity:.55;height:46rem;position:absolute;inset:-30% -10% auto}.tool-grid{pointer-events:none;background-image:linear-gradient(to right, var(--color-hairline) 1px, transparent 1px), linear-gradient(to bottom, var(--color-hairline) 1px, transparent 1px);opacity:.5;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 30% 0,#000,#0000 75%);mask-image:radial-gradient(60% 50% at 30% 0,#000,#0000 75%)}.tool-rule{background:var(--tool-accent);width:3.5rem;height:2px;box-shadow:0 0 20px color-mix(in oklch, var(--tool-accent) 60%, transparent);border-radius:999px}.tool-lead-figure{color:var(--tool-accent);text-shadow:0 0 28px color-mix(in oklch, var(--tool-accent) 35%, transparent)}@media (prefers-reduced-motion:no-preference){.tool-aura{animation:23s ease-in-out infinite tool-aura-drift}.tool-grid{animation:17s ease-in-out infinite tool-grid-breathe}.tool-enter{animation:.62s cubic-bezier(.22,1,.36,1) both tool-enter}.tool-enter-1{animation-delay:40ms}.tool-enter-2{animation-delay:.13s}.tool-enter-3{animation-delay:.22s}}@keyframes tool-aura-drift{0%,to{opacity:.55;transform:translate(0,0)scale(1)}50%{opacity:.75;transform:translate(3%,2%)scale(1.08)}}@keyframes tool-grid-breathe{0%,to{opacity:.35}50%{opacity:.6}}@keyframes tool-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.instrument{border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in oklch, var(--tool-accent,var(--color-chart-1)) 7%, transparent), transparent 38%), color-mix(in oklch, var(--color-ink) 2.2%, transparent);box-shadow: inset 0 1px 0 0 color-mix(in oklch, var(--color-ink) 7%, transparent),  inset 0 -22px 32px -28px color-mix(in oklch, var(--color-canvas) 90%, transparent),  0 26px 50px -30px color-mix(in oklch, var(--color-canvas) 85%, transparent);position:relative}.instrument:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, color-mix(in oklch, var(--tool-accent,var(--color-chart-1)) 40%, transparent), var(--color-hairline) 45%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.instrument-lead{background:linear-gradient(180deg, color-mix(in oklch, var(--tool-accent,var(--color-chart-1)) 13%, transparent), transparent);position:relative;overflow:hidden}.field-shell{background:color-mix(in oklch, var(--color-ink) 2%, transparent);transition:border-color .2s,box-shadow .2s,background .2s}.field-shell:hover{border-color:color-mix(in oklch, var(--color-ink) 16%, transparent)}.field-shell:focus-within{border-color:color-mix(in oklch, var(--tool-accent,var(--color-chart-1)) 55%, transparent);background:color-mix(in oklch, var(--color-ink) 3.5%, transparent);outline:2px solid var(--tool-accent,var(--color-chart-1));outline-offset:2px;box-shadow:0 0 0 3px color-mix(in oklch, var(--tool-accent,var(--color-chart-1)) 14%, transparent)}.figure-settling{color:var(--tool-accent,var(--color-chart-1));transition:color .18s}@media (prefers-reduced-motion:no-preference){.gauge-fill:after{content:"";background:linear-gradient(100deg, transparent 20%, color-mix(in oklch, var(--color-ink) 45%, transparent) 50%, transparent 80%);animation:3.7s ease-in-out infinite gauge-sheen;position:absolute;inset:0}.instrument-lead:after{content:"";pointer-events:none;background:radial-gradient(12rem 6rem at 20% 0%, color-mix(in oklch, var(--tool-accent,var(--color-chart-1)) 22%, transparent), transparent 70%);animation:11.3s ease-in-out infinite lead-glow;position:absolute;inset:0}}@keyframes gauge-sheen{0%{transform:translate(-110%)}55%,to{transform:translate(210%)}}@keyframes lead-glow{0%,to{opacity:.5}50%{opacity:1}}.readout-panel{background:color-mix(in oklch, var(--color-canvas) 22%, transparent);box-shadow:inset 0 1px 0 0 color-mix(in oklch, var(--color-ink) 5%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--color-ink) 4%, transparent)}.readout-panel>:not(:first-child){border-top:1px solid var(--color-hairline)}@media (min-width:40rem) and (max-width:63.999rem){.readout-panel>:not(:first-child){border-top:0}.readout-panel>:nth-child(2n){border-left:1px solid var(--color-hairline)}.readout-panel>:nth-child(n+3){border-top:1px solid var(--color-hairline)}}