/* Plenix master spec · Button lab (see button-lab.js) */
.ds-lab{margin-block-end:var(--plx-ref-space-24px);}
.ds-lab-bar{align-items:center;background-color:var(--plx-sys-surface-default);background-image:none;border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-surface-8px);border-bottom-right-radius:var(--plx-sys-radius-surface-8px);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-surface-8px);border-top-right-radius:var(--plx-sys-radius-surface-8px);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);column-gap:var(--plx-ref-space-20px);display:flex;flex-wrap:wrap;margin-block-end:var(--plx-ref-space-16px);padding-block-end:var(--plx-ref-space-12px);padding-block-start:var(--plx-ref-space-12px);padding-inline-end:var(--plx-ref-space-16px);padding-inline-start:var(--plx-ref-space-16px);row-gap:var(--plx-ref-space-12px);}
.ds-lab-seg{align-items:center;column-gap:var(--plx-sys-space-cluster-xs);display:flex;flex-wrap:wrap;row-gap:var(--plx-sys-space-cluster-xs);}
.ds-lab-seg-label{color:var(--plx-sys-content-muted);font-size:var(--plx-ref-font-size-11);font-weight:var(--plx-ref-font-weight-semibold-600);margin-inline-end:var(--plx-ref-space-8px);}
.ds-lab-seg-btn,.ds-lab-action{background-color:var(--plx-sys-surface-default);background-image:none;border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-detail-4px);border-bottom-right-radius:var(--plx-sys-radius-detail-4px);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-detail-4px);border-top-right-radius:var(--plx-sys-radius-detail-4px);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);color:var(--plx-sys-content-default);cursor:pointer;font-family:var(--plx-sys-font-label);font-size:var(--plx-ref-font-size-11);font-weight:var(--plx-ref-font-weight-medium-500);padding-block-end:var(--plx-ref-space-4px);padding-block-start:var(--plx-ref-space-4px);padding-inline-end:var(--plx-ref-space-8px);padding-inline-start:var(--plx-ref-space-8px);}
.ds-lab-seg-btn:hover,.ds-lab-action:hover{background-color:var(--plx-sys-fill-neutral-hover);background-image:none;}
.ds-lab-seg-btn.on{background-color:var(--plx-sys-action-primary-background);background-image:none;border-bottom-color:var(--plx-sys-focus-ring-color);border-left-color:var(--plx-sys-focus-ring-color);border-right-color:var(--plx-sys-focus-ring-color);border-top-color:var(--plx-sys-focus-ring-color);color:var(--plx-sys-content-inverse);}
.ds-lab-seg-btn:focus-visible,.ds-lab-action:focus-visible,.ds-lab-select:focus-visible{outline-color:var(--plx-sys-focus-ring-color);outline-offset:var(--plx-sys-focus-ring-offset);outline-style:var(--plx-ref-border-style-solid);outline-width:var(--plx-ref-border-width-2px);}
.ds-lab-action{margin-inline-start:var(--plx-ref-space-8px);}
.ds-lab-frame{border-bottom-style:none;border-bottom-width:0;border-left-style:none;border-left-width:0;border-right-style:none;border-right-width:0;border-top-style:none;border-top-width:0;display:block;width:100%;}
.ds-lab-anatomy-body{background-color:var(--plx-sys-surface-default);background-image:none;}
.ds-lab-anatomy-grid{display:block;}
.ds-lab-props{border-collapse:collapse;border-top-color:var(--plx-sys-table-line);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);font-size:var(--plx-ref-font-size-12);width:100%;}
.ds-lab-props th,.ds-lab-props td{border-bottom-color:var(--plx-sys-table-line);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);padding-block-end:var(--plx-ref-space-8px);padding-block-start:var(--plx-ref-space-8px);padding-inline-end:var(--plx-ref-space-12px);padding-inline-start:var(--plx-ref-space-12px);text-align:left;vertical-align:middle;}
.ds-lab-props thead th{background-color:var(--plx-sys-table-header-background);background-image:none;color:var(--plx-sys-content-muted);font-size:var(--plx-ref-font-size-11);font-weight:var(--plx-ref-font-weight-semibold-600);}
.ds-lab-props tbody th{font-weight:var(--plx-ref-font-weight-medium-500);white-space:nowrap;}
.ds-lab-num{color:var(--plx-sys-code-selector);font-weight:var(--plx-ref-font-weight-bold-700);width:var(--plx-ref-size-20px);}
.ds-lab-val,.ds-lab-tok,.ds-lab-scope{font-family:var(--plx-sys-font-data);font-size:var(--plx-ref-font-size-11);}
.ds-lab-val{white-space:nowrap;}
.ds-lab-tok{color:var(--plx-sys-action-primary-background-hover);}
.ds-lab-scope{color:var(--plx-sys-content-subtle);}
.ds-lab-sw{background-color:var(--ds-sample);background-image:none;border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-detail-4px);border-bottom-right-radius:var(--plx-sys-radius-detail-4px);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-detail-4px);border-top-right-radius:var(--plx-sys-radius-detail-4px);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);display:inline-block;height:var(--plx-ref-size-12px);margin-inline-end:var(--plx-ref-space-8px);vertical-align:middle;width:var(--plx-ref-size-12px);}
.ds-lab-select{font-family:var(--plx-sys-font-data);font-size:var(--plx-ref-font-size-11);width:var(--plx-ref-size-200px);}
.ds-lab-edited{background-color:var(--plx-sys-feedback-warning-soft);background-image:none;}
.ds-lab-css{background-color:var(--plx-sys-surface-default);background-image:none;border-bottom-color:var(--plx-sys-border-default);border-bottom-style:solid;border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:solid;border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:solid;border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-style:solid;border-top-width:var(--plx-ref-border-width-1px);color:var(--plx-sys-content-default);font-family:var(--plx-sys-font-code);font-size:var(--plx-ref-font-size-12);margin-block-end:0;margin-block-start:0;overflow-x:auto;padding-block-end:var(--plx-ref-space-16px);padding-block-start:var(--plx-ref-space-16px);padding-inline-end:var(--plx-ref-space-16px);padding-inline-start:var(--plx-ref-space-16px);white-space:pre-wrap;}
.ds-lab-out-empty .ds-lab-css{background-color:var(--plx-sys-surface-default);background-image:none;color:var(--plx-sys-content-muted);font-family:var(--plx-sys-font-code);}
:where(:root[data-plx-mode="dark"]) .ds-lab-bar,:where(:root[data-plx-mode="dark"]) .ds-lab-seg-btn,:where(:root[data-plx-mode="dark"]) .ds-lab-action,:where(:root[data-plx-mode="dark"]) .ds-lab-out-empty .ds-lab-css{background-color:var(--plx-sys-surface-default);border-bottom-color:var(--plx-sys-border-default);border-left-color:var(--plx-sys-border-default);border-right-color:var(--plx-sys-border-default);border-top-color:var(--plx-sys-border-default);color:var(--plx-sys-content-default);}
:where(:root[data-plx-mode="dark"]) .ds-lab-seg-btn.on{background-color:var(--plx-sys-action-primary-background);color:var(--plx-sys-content-on-media);}
:where(:root[data-plx-mode="dark"]) .ds-lab-edited{background-color:var(--plx-sys-feedback-warning-content);}
:where(:root[data-plx-mode="dark"]) .ds-lab-tok{color:var(--plx-sys-content-link);}
:where(:root[data-plx-mode="dark"]) .ds-lab-scope,:where(:root[data-plx-mode="dark"]) .ds-lab-legend,:where(:root[data-plx-mode="dark"]) .ds-lab-seg-label{color:var(--plx-sys-content-muted);}
/* one table per property (batch 179): label rows down the side, in a grid of small tables */
.ds-lab-prop-grid{display:flex;flex-direction:column;margin-block-start:var(--plx-ref-space-16px);row-gap:var(--plx-ref-space-8px);}
.ds-lab-prop{inline-size:100%;}
.ds-lab-prop-name{font-size:var(--plx-ref-font-size-12);font-weight:var(--plx-ref-font-weight-semibold-600);margin-block-end:0;margin-block-start:var(--plx-ref-space-8px);}
.ds-lab-prop .ds-lab-select{max-inline-size:100%;}
/* batch 189: the lab's parts straight in their card (no card inside a card), and the Edit dialog's form beside its preview */
.ds-lab-bar.ds-lab-bar--flat{background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;}
.ds-lab-editor{align-items:start;column-gap:var(--plx-sys-space-inline-lg);display:grid;grid-template-columns:minmax(0,var(--plx-ref-size-400px)) minmax(0,1fr);}
.ds-lab-editor .ds-lab-anatomy{inset-block-start:0;position:sticky;}
.ds-lab-fields{display:grid;row-gap:var(--plx-sys-space-stack-lg);}
.ds-lab-fields .is-edited .plx-field__label{color:var(--plx-sys-content-link);}
.ds-lab-all{margin-block-start:var(--plx-sys-space-stack-md);}