alk-shader.alk-shader{min-width:0;margin:1.5rem 0;display:block}.alk-shader-viewport{background:var(--alk-paper);height:clamp(280px,42vw,520px);position:relative;overflow:hidden}.alk-shader-viewport canvas,.alk-shader-poster{width:100%;height:100%;display:block}.alk-shader-viewport canvas{visibility:hidden;position:absolute;inset:0}.alk-shader[data-state=ready] canvas{visibility:visible}.alk-shader[data-state=ready] .alk-shader-poster{visibility:hidden}.alk-shader-coordinate{left:var(--alk-figure-gutter);background:var(--alk-paper);color:var(--alk-muted);font:.7rem/1.6 var(--alk-mono);pointer-events:none;margin:0;padding:.3rem .5rem;position:absolute;bottom:1rem}.alk-shader-controls.alk-figure-controls{grid-template-columns:1fr 1fr auto;gap:1.25rem;display:grid}.alk-shader-controls label{min-width:0;display:block}.alk-shader-controls label>span{justify-content:space-between;gap:.6rem;margin-bottom:.4rem;display:flex}.alk-shader-controls output{color:var(--alk-muted)}.alk-shader-controls input{width:100%;accent-color:var(--alk-ink-violet);display:block}@media (width<=600px){.alk-shader-controls.alk-figure-controls{grid-template-columns:1fr 1fr;gap:1rem}.alk-shader-controls button{grid-column:1/-1}.alk-shader-coordinate{font-size:.6rem}}@media print{.alk-shader canvas,.alk-shader-coordinate{display:none}.alk-shader .alk-shader-poster{visibility:visible!important}.alk-shader-viewport{height:300px}}