.lab-panel{z-index:200;overscroll-behavior:contain;border:1px solid var(--tone-line);background-color:color-mix(in srgb, var(--tone-page) 62%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-block-size:calc(100dvh - 2rem);inline-size:17rem;font-size:var(--text-bench);line-height:var(--leading-body);color:var(--tone-ink-body);border-radius:.375rem;position:fixed;inset-block-start:1rem;inset-inline-end:1rem;overflow-y:auto}.lab-panel__head{z-index:1;border-block-end:1px solid var(--tone-line);background-color:color-mix(in srgb, var(--tone-page) 72%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.08em;text-transform:uppercase;color:var(--tone-ink);cursor:pointer;padding:.5rem .75rem;list-style:none;position:sticky;inset-block-start:0}.lab-panel__head::-webkit-details-marker{display:none}.lab-panel:not([open]) .lab-panel__head{border-block-end:0}.lab-panel__body{padding:.75rem}.lab-panel__group{border:0;margin:0 0 .75rem;padding:0}.lab-panel__group legend{letter-spacing:.08em;text-transform:uppercase;color:var(--tone-ink-faint);padding:0 0 .25rem}.lab-panel__row{grid-template-columns:4.25rem 1fr 2.5rem;align-items:center;gap:.375rem;padding:.0625rem 0;display:grid}.lab-panel__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lab-panel__value{font-variant-numeric:tabular-nums;text-align:end;color:var(--tone-ink)}.lab-panel__row input[type=range]{block-size:1rem;inline-size:100%;accent-color:var(--tone-ink-soft);cursor:ew-resize}.lab-panel__choices{border:1px solid var(--tone-rule);background-color:color-mix(in srgb, var(--tone-page) 50%, transparent);inline-size:100%;font:inherit;color:var(--tone-ink);cursor:pointer;border-radius:2px;padding:.125rem .25rem}.lab-panel__swatch{border:1px solid var(--tone-rule);cursor:pointer;background:0 0;border-radius:2px;block-size:1rem;inline-size:100%;padding:0}.lab-panel__swatch::-webkit-color-swatch-wrapper{padding:0}.lab-panel__swatch::-webkit-color-swatch{border:0;border-radius:1px}.lab-panel__swatch::-moz-color-swatch{border:0;border-radius:1px}.cube-picks-foot,.lab-panel__foot{gap:.25rem;padding-block-start:.5rem;display:grid}.cube-picks-foot{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-panel__foot{border-block-start:1px solid var(--tone-line);grid-template-columns:repeat(3,minmax(0,1fr))}.cube-picks-foot button,.lab-panel__foot button{border:1px solid var(--tone-rule);background-color:var(--tone-plate);font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--tone-ink);cursor:pointer;transition:background-color var(--dur-tick-lg) ease;border-radius:2px;flex:1;padding:.375rem .5rem}.cube-picks-foot button:hover,.lab-panel__foot button:hover{background-color:var(--tone-line)}.lab-panel__source{border:1px solid var(--tone-rule);background-color:color-mix(in srgb, var(--tone-page) 50%, transparent);inline-size:100%;font:inherit;font-variant-numeric:tabular-nums;font-size:var(--text-bench);color:var(--tone-ink);resize:vertical;border-radius:2px;margin-block-start:.5rem;padding:.5rem}