.lab{background:var(--ground);--rope-panel-max:calc(100svh - var(--s-96) - var(--s-48));min-height:100svh;position:relative;overflow:clip}.lab .rope-top{top:var(--s-16)}.lab-mast{z-index:2;top:var(--s-8);left:var(--side);pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.lab-mast a{pointer-events:auto}.lab-back .arrow{transform:rotate(180deg)}a.lab-back:hover .arrow{transform:rotate(180deg) translateX(var(--nudge))}.lab-title{margin:0}.lab-message{z-index:1;left:var(--side);bottom:var(--s-96);max-width:28em;position:absolute}.lab-message[hidden]{display:none}.lab-readouts{gap:var(--s-24);text-align:right;pointer-events:none;margin:0;display:flex}.lab-readouts dd{margin:var(--s-4) 0 0;font-family:var(--font-mono);color:var(--ink-headline);font-variant-numeric:tabular-nums;font-size:13px}.lab .rope-panel{width:300px}@media (width>=1024px){.lab:has(details[data-lab-settings][open]) .rope-cards,.lab:has(details[data-lab-settings][open]) .rope-hint{right:calc(300px + 2 * var(--side))}}.lab-panel summary{padding-block:var(--s-8);cursor:pointer;color:var(--ink-headline)}.lab-set{border:0;min-width:0;margin:0;padding:0}.lab-group{padding-block:var(--s-4) var(--s-8);border-top:1px solid var(--rule)}.lab-group:first-child{border-top:0}.lab-field{align-items:center;gap:var(--s-4) var(--s-12);padding-block:var(--s-4);grid-template-columns:1fr auto;display:grid}.lab-note{color:var(--ink-label)}.lab-field input[type=range]{width:100%;accent-color:var(--accent);grid-area:2/1/auto/-1;margin:0}.lab-field input[type=range]:disabled{opacity:.4}.lab-field input[type=color]{border:1px solid var(--rule);background:0 0;width:44px;height:28px;padding:0}.lab-out{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--ink-headline);font-variant-numeric:tabular-nums;grid-area:1/2}.lab-choice{align-items:center;gap:0 var(--s-16);min-width:0;padding:var(--s-4) 0;border:0;flex-wrap:wrap;margin:0;display:flex}.lab-choice legend{float:left;width:100%;padding:0}.lab-option{align-items:center;gap:var(--s-8);cursor:pointer;min-height:28px;display:inline-flex}.lab-option input{accent-color:var(--accent);margin:0}.lab-toggle{display:flex}.lab-recipe{border-top:1px solid var(--rule)}.lab-recipe .label{padding-block:var(--s-8);color:var(--ink-headline)}.lab-btn{min-height:32px;margin:var(--s-4) var(--s-8) var(--s-4) 0;padding:0 var(--s-12);border:1px solid var(--field-line);color:var(--ink-headline);cursor:pointer;background:0 0;font-size:13px}.lab-btn:hover{border-color:var(--ink-headline)}.lab-recipe .lab-name{padding-top:var(--s-8);display:block}.lab-area{width:100%;min-height:6em;margin-block:var(--s-4);padding:var(--s-8);border:1px solid var(--field-line);background:var(--ground);color:var(--ink-body);font-family:var(--font-mono);resize:vertical;font-size:11px;display:block}.lab-area[aria-invalid=true]{border-color:var(--accent)}.lab-error{margin:var(--s-4) 0;color:var(--accent)}@media (width<=1023.98px){.lab .rope-top{top:calc(var(--s-8) + 72px)}.lab-readouts{display:none}}