.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}}.track-visual[data-astro-cid-ugac3i2h]{background:color-mix(in oklch, var(--brand-orange) 13%, var(--surface));border-radius:var(--radius);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:.5rem;min-block-size:15rem;padding:2.5rem;display:grid;position:relative;& i{border:1px solid color-mix(in oklch, var(--brand-blue) 65%, transparent);border-radius:calc(var(--radius) * .6);background:color-mix(in oklch, var(--brand-blue) 48%, var(--surface))}& span{color:var(--link);font-size:1rem;font-weight:var(--fw-bold);position:absolute}& .column-label{inset-block-start:.65rem;inset-inline-start:50%;transform:translate(-50%)}& .row-label{inset-block-start:50%;inset-inline-start:.35rem;transform:translateY(-50%)rotate(-90deg)}}.model-icon[data-astro-cid-ugac3i2h]{min-block-size:8rem;padding:var(--padding-sm);border-radius:var(--radius);background:color-mix(in oklch, var(--brand-orange) 13%, var(--surface));gap:.35rem;margin-block-end:var(--gap);display:grid;& i{border-radius:calc(var(--radius) * .5);background:color-mix(in oklch, var(--brand-blue) 52%, var(--surface))}&.explicit{grid-template-columns:repeat(3,1fr)}&.placement{grid-template-columns:repeat(3,1fr);& i:first-child{grid-column:span 2}}}.guide-preview[data-astro-cid-ugac3i2h]{gap:var(--gap);grid-template-rows:repeat(2,6rem);grid-template-columns:repeat(3,4.5rem);place-content:stretch;min-block-size:22rem;display:grid;& [data-guide-preview-item]{box-sizing:border-box;min-block-size:0;min-inline-size:0;padding:var(--padding-sm);border-radius:calc(var(--radius) * .75);background:color-mix(in oklch, var(--brand-blue) 48%, var(--surface));box-shadow:var(--shadow-full);color:var(--on-brand-blue);font-weight:var(--fw-bold);text-align:center;overflow-wrap:anywhere;place-items:center;display:grid;position:relative;&[data-guide-target]{box-shadow:0 0 0 3px var(--brand-orange), var(--shadow-full)}}}[data-astro-cid-24xbqldu][data-lab-root=grid]{min-inline-size:0;& .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}}.lab-stage[data-astro-cid-24xbqldu]{min-block-size:0;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],.separate-gap-controls[data-astro-cid-24xbqldu]{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;&[hidden]{display:none}}.alignment-fields[data-astro-cid-24xbqldu]{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}[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;gap:var(--gap-sm);flex-direction:column;block-size:100%;min-block-size:0;min-inline-size:0;display:flex;overflow:hidden}.preview-tools[data-astro-cid-24xbqldu]{flex:none;padding:2px}.preview-canvas[data-astro-cid-24xbqldu]{box-sizing:border-box;min-block-size:0;min-inline-size:0;padding:var(--padding-sm);border:1px solid color-mix(in oklch, var(--border) 78%, transparent);border-radius:calc(var(--radius) * 1.5);corner-shape:var(--corner-shape);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--brand-orange) transparent;background:light-dark(color-mix(in oklch, var(--brand-blue) 28%, var(--surface)),color-mix(in oklch, var(--surface) 76%, black));flex:1 1 0;overflow:auto}.preview-viewport[data-astro-cid-24xbqldu]{box-sizing:border-box;block-size:100%;min-block-size:0;min-inline-size:0;margin-inline:auto}.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(36rem,85dvh,44rem)}}@media (width<=40rem){.repeat-track-fields[data-astro-cid-24xbqldu],.separate-gap-controls[data-astro-cid-24xbqldu]{grid-template-columns:minmax(0,1fr)}.preview-grid[data-astro-cid-24xbqldu]{padding:var(--padding-sm)}}