.item-control[data-astro-cid-xjlkwbmj]{border:1px solid color-mix(in oklch, var(--brand-blue) 24%, transparent);border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--surface) 88%, transparent);overflow:clip;&::details-content{block-size:0;transition:block-size .3s ease, content-visibility .3s ease allow-discrete;overflow:clip}&[open]::details-content{block-size:auto}&[open] summary[data-astro-cid-xjlkwbmj]{background:var(--lab-interactive-expanded-surface);&:after{content:"−"}}@media (prefers-reduced-motion:reduce){&::details-content{transition:none}}}summary[data-astro-cid-xjlkwbmj]{min-block-size:2.75rem;padding:var(--padding-sm) var(--padding);justify-content:space-between;align-items:center;gap:var(--gap-sm);cursor:pointer;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:after{content:"+";inline-size:1rem;color:var(--brand-orange);font-weight:var(--fw-bold);text-align:center;flex:none}&:focus-visible{outline:2px solid var(--brand-blue);outline-offset:-2px}@media (any-hover:hover){&:hover{background:var(--lab-interactive-hover-surface)}}}.item-properties[data-astro-cid-xjlkwbmj]{color:color-mix(in oklch, var(--text) 72%, transparent);text-align:end;font-size:.8125rem;line-height:1.2}.item-fields[data-astro-cid-xjlkwbmj]{padding:var(--padding);border-block-start:1px solid color-mix(in oklch, var(--brand-blue) 18%, transparent);gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.full-field[data-astro-cid-xjlkwbmj]{grid-column:1/-1}.line-fields[data-astro-cid-xjlkwbmj]{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid;&[hidden]{display:none}& .lab-field{inline-size:100%;min-inline-size:0}}.area-field[data-astro-cid-xjlkwbmj]{gap:calc(var(--gap) / 2);display:grid;&[hidden]{display:none}& p{color:var(--text-muted);font-size:.8125rem;line-height:1.35}}.area-input[data-astro-cid-xjlkwbmj]{min-block-size:2.75rem;inline-size:100%;padding:var(--padding-sm) var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--surface) 92%, transparent);color:var(--text);box-shadow:var(--shadow-full);border:1px solid #0000;&:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}&[aria-invalid=true]{border-color:var(--danger)}}.item-actions[data-astro-cid-xjlkwbmj]{padding:0 var(--padding) var(--padding);justify-content:flex-end;display:flex;& button{min-block-size:2.5rem;padding:var(--padding-sm) var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);align-items:center;gap:var(--gap-sm);background:var(--danger);color:var(--on-danger);box-shadow:var(--shadow-full);cursor:pointer;border:0;display:inline-flex;@media (any-hover:hover){&:hover:not(:disabled){background:var(--danger-hover)}}&:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}&:disabled{opacity:.45;cursor:not-allowed}& svg{block-size:1rem;inline-size:1rem}}}@media (width<=30rem){.item-fields[data-astro-cid-xjlkwbmj],.line-fields[data-astro-cid-xjlkwbmj]{grid-template-columns:minmax(0,1fr)}.full-field[data-astro-cid-xjlkwbmj]{grid-column:auto}}[data-astro-cid-24xbqldu][data-lab-root=grid]{& .lab-group-fields .inputs{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}& [data-radio-group]{inline-size:100%;min-inline-size:0}}.axis-editor[data-astro-cid-24xbqldu]{padding:var(--padding);border:1px solid color-mix(in oklch, var(--brand-blue) 20%, transparent);border-radius:var(--radius);corner-shape:var(--corner-shape);gap:var(--gap);background:color-mix(in oklch, var(--surface) 82%, transparent);display:grid;&>h3[data-astro-cid-24xbqldu]{color:var(--brand-orange);overflow-wrap:anywhere;font-family:monospace;font-size:.875rem}}.repeat-track-fields[data-astro-cid-24xbqldu],.alignment-fields[data-astro-cid-24xbqldu],.separate-gap-controls[data-astro-cid-24xbqldu]{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;&[hidden]{display:none}}[data-astro-cid-24xbqldu][data-custom-column-fields][hidden],[data-astro-cid-24xbqldu][data-custom-row-fields][hidden],[data-astro-cid-24xbqldu][data-area-editor][hidden]{display:none}.area-editor[data-astro-cid-24xbqldu]{gap:var(--gap-sm);display:grid}.validation-status[data-astro-cid-24xbqldu]{padding:var(--padding-sm) var(--padding);border-inline-start:3px solid var(--success);background:color-mix(in oklch, var(--success) 12%, transparent);color:var(--text);font-size:.875rem;line-height:1.35;&[data-invalid=true]{border-inline-start-color:var(--danger);background:color-mix(in oklch, var(--danger) 12%, transparent)}&[hidden]{display:none}}[data-lab-root=grid] :is([data-control=customColumns],[data-control=customRows])[aria-invalid=true]{outline:2px solid var(--danger);outline-offset:2px}.item-toolbar[data-astro-cid-24xbqldu]{justify-content:space-between;align-items:center;gap:var(--gap);inline-size:100%;display:flex;& output{color:var(--text-muted);font-variant-numeric:tabular-nums}& button{min-block-size:2.5rem;padding:var(--padding-sm) var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);background:var(--brand-blue);color:var(--on-brand-blue);font-weight:var(--fw-semibold);cursor:pointer;border:none;@media (any-hover:hover){&:hover:not(:disabled){background:var(--brand-blue-hover)}}&:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}&:disabled{opacity:.45;cursor:not-allowed}}}.item-controls[data-astro-cid-24xbqldu]{gap:var(--gap-sm);inline-size:100%;display:grid}.preview-surface[data-astro-cid-24xbqldu]{place-self:stretch stretch;block-size:100%;min-block-size:0;min-inline-size:0;padding:clamp(.25rem,1vw,1rem);overflow:hidden}.preview-board[data-astro-cid-24xbqldu]{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;gap:.5rem .75rem;block-size:100%;min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}.track-readout[data-astro-cid-24xbqldu]{min-inline-size:0;color:var(--text-muted);flex-wrap:wrap;align-items:start;gap:.35rem .75rem;font-size:.6875rem;display:flex;& .track-definition{flex:1 0 max-content;align-items:start;gap:.4rem;min-inline-size:0;max-inline-size:100%;display:flex}& .track-axis{background:var(--brand-orange);block-size:1.25rem;inline-size:1.25rem;color:var(--on-brand-orange);font-weight:var(--fw-bold);border-radius:50%;flex:none;place-items:center;display:grid}& code{overflow-wrap:anywhere;min-inline-size:0;padding-block-start:.15rem;line-height:1.35}}.grid-summary[data-astro-cid-24xbqldu]{z-index:4;min-inline-size:3.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:end;grid-area:1/2;padding-block-start:.15rem;font-size:.75rem}.preview-scrollport[data-astro-cid-24xbqldu]{border-radius:calc(var(--radius) * 1.15);corner-shape:var(--corner-shape);overscroll-behavior:contain;min-block-size:0;min-inline-size:0;scroll-padding-block:var(--padding) 4rem;scrollbar-width:thin;scrollbar-color:var(--brand-orange) transparent;grid-column:1/-1;overflow:auto;&:focus-visible{outline:2px solid var(--brand-orange);outline-offset:-3px}}.preview-grid[data-astro-cid-24xbqldu]{z-index:1;box-sizing:border-box;border:1px solid color-mix(in oklch, var(--brand-blue) 58%, transparent);border-radius:calc(var(--radius) * 1.15);corner-shape:var(--corner-shape);background:linear-gradient(color-mix(in oklch, var(--brand-blue) 9%, transparent) 1px, transparent 1px) 0 0 / 1.5rem 1.5rem, linear-gradient(90deg, color-mix(in oklch, var(--brand-blue) 9%, transparent) 1px, transparent 1px) 0 0 / 1.5rem 1.5rem;background-color:var(--surface-strong);padding:clamp(.75rem,2vw,1.5rem);position:relative;box-shadow:inset 0 0 0 1px oklch(100% 5.96046e-8 none/.1),0 1.5rem 3rem oklch(0% none none/.16)}[data-lab-root=grid] [data-preview] [data-grid-preview-item]{z-index:1;border:1px solid color-mix(in oklch, var(--brand-blue) 54%, transparent);border-radius:calc(var(--radius) * .75);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--brand-blue) 48%, var(--surface));min-block-size:3.5rem;min-inline-size:3.5rem;color:var(--on-brand-blue);padding:0;transition:background-color .2s,grid-column .25s,grid-row .25s;position:relative;overflow:clip;box-shadow:inset 0 0 0 1px oklch(100% 5.96046e-8 none/.18),0 .45rem 1rem oklch(0% none none/.14)}[data-lab-root=grid] [data-preview] [data-grid-preview-item]:nth-child(3n+2){border-color:color-mix(in oklch, var(--brand-orange) 64%, transparent);background:color-mix(in oklch, var(--brand-orange) 54%, var(--surface));color:var(--on-brand-orange)}[data-lab-root=grid] [data-preview] [data-grid-preview-item]:nth-child(3n){border-color:color-mix(in oklch, var(--brand-green) 64%, transparent);background:color-mix(in oklch, var(--brand-green) 46%, var(--surface));color:var(--on-brand-green)}[data-lab-root=grid] [data-preview] [data-edit-grid-item]{block-size:100%;min-block-size:3.5rem;inline-size:100%;padding:var(--padding-sm);color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;gap:.25rem;display:grid;&:focus-visible{outline:2px solid var(--brand-orange);outline-offset:-3px}}[data-lab-root=grid] [data-preview] .item-index{opacity:.72;font-family:monospace;font-size:.625rem;font-weight:var(--fw-bold);position:absolute;inset-block-start:.4rem;inset-inline-start:.5rem}[data-lab-root=grid] [data-preview] [data-grid-preview-item][data-content-type=text]{font-size:.8125rem;font-weight:var(--fw-regular);text-align:center;overflow-wrap:anywhere;line-height:1.35}[data-lab-root=grid] [data-preview] [data-grid-preview-item][data-content-type=area]{text-transform:lowercase;font-family:monospace;font-size:.875rem}[data-lab-root=grid] [data-preview] [data-remove-preview-grid-item]{z-index:3;border-radius:calc(var(--radius) * .6);opacity:0;background:var(--danger);block-size:1.5rem;inline-size:1.5rem;color:var(--on-danger);box-shadow:var(--shadow-full);cursor:pointer;border:0;place-items:center;padding:0;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem;transform:scale(.85);& svg{block-size:1rem;inline-size:1rem}&:focus-visible{opacity:1;outline:2px solid var(--text);outline-offset:2px;transform:scale(1)}@media (any-hover:none){opacity:1;transform:scale(1)}}[data-lab-root=grid] [data-grid-preview-item]:is(:hover,:focus-within) [data-remove-preview-grid-item]{opacity:1;transform:scale(1)}.preview-add-item[data-astro-cid-24xbqldu]{z-index:5;min-block-size:2.5rem;padding:var(--padding-sm) var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);align-items:center;gap:var(--gap-sm);background:var(--brand-blue);color:var(--on-brand-blue);box-shadow:var(--shadow-full);font-weight:var(--fw-semibold);cursor:pointer;border:0;display:inline-flex;position:absolute;inset-block-end:var(--gap);inset-inline-end:var(--gap);&:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}&:disabled{opacity:.45;cursor:not-allowed}}@media (width<=62.5rem){.preview-surface[data-astro-cid-24xbqldu]{block-size:clamp(20rem,60dvh,28rem)}}@media (width<=40rem){.repeat-track-fields[data-astro-cid-24xbqldu],.alignment-fields[data-astro-cid-24xbqldu],.separate-gap-controls[data-astro-cid-24xbqldu]{grid-template-columns:minmax(0,1fr)}.preview-surface[data-astro-cid-24xbqldu]{padding:0}.preview-grid[data-astro-cid-24xbqldu]{padding:var(--padding-sm)}}