.deadzone-page{--dz-grid:color-mix(in oklch, currentColor 18%, transparent);--dz-input:#727c86;--dz-output:var(--primary)}@supports (color:lab(0% 0 0)){.deadzone-page{--dz-input:lab(51.2559% -2.04286 -7.06874)}}.deadzone-page .dz-panel{border:1px solid var(--border);background:var(--card);border-radius:1rem;min-width:0;padding:1.25rem}.deadzone-page .dz-model-grid,.deadzone-page .dz-input-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:768px){.deadzone-page .dz-model-grid,.deadzone-page .dz-input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.deadzone-page .dz-control{gap:.45rem;min-width:0;display:grid}.deadzone-page .dz-control input[type=number]{border:1px solid var(--border);background:0 0;border-radius:.5rem;width:6.5rem;min-width:0;padding:.45rem}.deadzone-page .dz-control input[type=range]{width:100%;min-width:0;accent-color:var(--primary)}.deadzone-page .dz-svg{width:min(100%,17rem);margin:.5rem auto;display:block}.deadzone-page .dz-axis{stroke:var(--dz-grid);stroke-width:1px}.deadzone-page .dz-zone{fill:color-mix(in oklch,var(--primary) 12%,transparent);stroke:var(--primary);stroke-dasharray:4 4}.deadzone-page .dz-input-point{fill:var(--dz-input)}.deadzone-page .dz-output-point{fill:var(--dz-output);stroke:var(--background);stroke-width:2px}.deadzone-page :focus-visible{outline:3px solid var(--ring);outline-offset:3px}