.lab-surface{height:300px;min-height:300px}@media (width>=420px){.lab-surface{height:340px;min-height:340px}}.lab-slider-row{padding-block:.4rem}.lab-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;display:block}.lab-range:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:.5rem}.lab-range::-webkit-slider-runnable-track{background:hsl(var(--primary) / .28);border-radius:999px;height:3px}.lab-range::-moz-range-track{background:hsl(var(--primary) / .28);border-radius:999px;height:3px}.lab-range::-webkit-slider-thumb{appearance:none;background:hsl(var(--primary));border:2px solid #060c18;border-radius:999px;width:22px;height:22px;margin-top:-9.5px}.lab-range::-moz-range-thumb{background:hsl(var(--primary));border:2px solid #060c18;border-radius:999px;width:22px;height:22px}.lab-measure-handle{cursor:ew-resize;touch-action:none;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.lab-measure-handle:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.lab-measure-grip{background:hsl(var(--primary));width:22px;height:22px;box-shadow:0 0 0 6px hsl(var(--primary) / .12);border:2px solid #060c18;border-radius:999px;display:block}.lab-ch-probe{visibility:hidden;pointer-events:none;block-size:0;inline-size:10ch;position:absolute;inset-block-start:0}.lab-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:hsl(var(--foreground));overscroll-behavior:contain;background:#050a14;border:0;margin:0;padding:0}.lab-dialog::backdrop{background:#03060cd9}.lab-dialog-inner{flex-direction:column;max-width:720px;height:100%;margin-inline:auto;display:flex}.lab-dialog-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.75rem;flex:auto;min-height:0;padding-bottom:3rem;overflow-y:auto}@media (width>=1024px){.lab-dialog-inner{max-width:900px}}.lab-screen-surface{min-height:330px;overflow:visible}