.lab[data-study=sand]{flex-direction:column;height:100svh;display:flex;overflow:hidden}.lab[data-study=sand] .study-main{flex:1;min-height:0}.lab[data-study=sand] .sand-stage{background:radial-gradient(ellipse 55% 50% at 50% 44%,color-mix(in srgb,var(--lab-accent)8%,transparent),transparent 70%);height:100%;position:relative;overflow:hidden}.lab[data-study=sand] .sand-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.lab[data-study=sand] .sand-readout{color:var(--lab-muted);font:13px/1 var(--lab-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;pointer-events:none;gap:14px;margin:0;display:flex;position:absolute;top:16px;right:clamp(16px,4vw,40px)}.lab[data-study=sand] .sand-readout span:last-child{text-align:right;min-width:7ch}.lab[data-study=sand] .sand-auto{position:relative}.lab[data-study=sand] .sand-auto[aria-pressed=true]{color:var(--lab-text)}.lab[data-study=sand] .sand-auto-time{background:var(--lab-accent);transform-origin:0;height:1px;animation:linear forwards sand-auto-time;position:absolute;bottom:-1px;left:0;right:0}@keyframes sand-auto-time{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lab[data-study=sand] .sand-fallback{width:min(460px,100% - 32px);color:var(--lab-muted);text-align:center;margin:0;font-size:17px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.lab[data-study=sand] .sand-readout{font-size:12px;top:12px}}