.lab[data-study=ink]{-webkit-user-select:none;user-select:none;flex-direction:column;height:100svh;min-height:0;display:flex;overflow:hidden}.lab[data-study=ink] .study-main{flex:1;min-height:0}.lab[data-study=ink] .ink{position:absolute;inset:0;overflow:hidden}.lab[data-study=ink] .ink-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.lab[data-study=ink] .ink-mark{width:72%;height:50%;color:var(--ink-mark);pointer-events:none;filter:drop-shadow(0 2px 3px #00000059)drop-shadow(0 0 18px color-mix(in srgb,var(--ink-mark)22%,transparent));transition:opacity .6s;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.lab[data-study=ink] .ink[data-mode=source] .ink-mark{opacity:.2}.lab[data-study=ink] .ink-controls{width:min(560px,100% - 32px);font-family:var(--lab-ui);pointer-events:none;justify-items:center;gap:12px;display:grid;position:absolute;bottom:clamp(16px,4vh,36px);left:50%;transform:translate(-50%)}.lab[data-study=ink] .ink-controls>*{pointer-events:auto}.lab[data-study=ink] .ink-controls .lab-hint{background:color-mix(in srgb,var(--lab-ground)70%,transparent);padding:2px 10px}.lab[data-study=ink] .ink-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;display:flex}.lab[data-study=ink] .ink-modes{grid-template-columns:repeat(2,1fr);width:240px}.lab[data-study=ink] .ink-modes .lab-modes-thumb{width:calc(50% - 4px)}.lab[data-study=ink] .ink-row .lab-scatter{border-bottom-color:color-mix(in srgb,var(--lab-muted)60%,transparent);color:var(--lab-text)}.lab[data-study=ink] .ink-unsupported{max-width:34rem;color:var(--lab-muted);text-align:center;margin:0 auto;padding:96px 16px;font-size:18px}@media (max-width:640px){.lab[data-study=ink] .ink-mark{width:80%;height:46%;top:40%}.lab[data-study=ink] .ink-modes{width:100%}}