.lab-panel,.lab-panel *,.lab-panel :before,.lab-panel :after{box-sizing:border-box}.lab-panel{--lp-size:34px;--lp-logo:46px;--lp-bar:calc(var(--lp-logo) + var(--lp-size));--lp-width:286px;--lp-radius:12px;--lp-inset:20px;--lp-surface:#121214b8;--lp-raised:#ffffff0f;--lp-ink:#ffffffeb;--lp-ink-soft:#ffffff8c;--lp-ink-faint:#ffffff59;--lp-line:#ffffff24;--lp-accent:#ffffffeb;--lp-mono:ui-monospace, "SF Mono", "Geist Mono Variable", monospace;top:var(--lp-inset);left:var(--lp-inset);z-index:10;width:var(--lp-bar);height:var(--lp-size);border-radius:var(--lp-radius);background:var(--lp-surface);-webkit-backdrop-filter:blur(12px)saturate(1.4);color:var(--lp-ink);font-family:var(--lp-mono);contain:layout style;border:0;transition:box-shadow .3s;position:fixed;overflow:hidden;box-shadow:0 1px 2px #0000001f}.lab-panel:after{content:"";z-index:3;border:1px solid var(--lp-line);border-radius:inherit;pointer-events:none;position:absolute;inset:0}@supports (corner-shape:squircle){.lab-panel{corner-shape:squircle;--lp-radius:16px}.lab-panel:after{corner-shape:inherit}}.lab-panel[data-open=true]{box-shadow:0 12px 40px -12px #00000073}.lab-panel__bar{z-index:2;height:var(--lp-size);align-items:stretch;display:flex;position:absolute;top:0;left:0}.lab-panel__home,.lab-panel__trigger{height:var(--lp-size);color:var(--lp-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.lab-panel__home{width:var(--lp-logo);color:var(--lp-ink-soft);transition:color .18s}.lab-panel__home:hover{color:var(--lp-ink);background:var(--lp-raised)}.lab-panel__home:focus-visible{outline:1px solid var(--lp-accent);outline-offset:-3px}.lab-panel__mark{aspect-ratio:1704/905;background:currentColor;width:26px;-webkit-mask:url(/labslogo.svg) 50%/contain no-repeat;mask:url(/labslogo.svg) 50%/contain no-repeat}.lab-panel__trigger{width:var(--lp-size)}.lab-panel__trigger svg{grid-area:1/1;width:15px;height:15px;transition:opacity .18s,transform .28s cubic-bezier(.22,1,.36,1)}.lab-panel__trigger .lp-icon-close{opacity:0;transform:rotate(-90deg)scale(.7)}.lab-panel[data-open=true] .lp-icon-info{opacity:0;transform:rotate(90deg)scale(.7)}.lab-panel[data-open=true] .lp-icon-close{opacity:1;transform:none}.lab-panel__trigger:hover{background:var(--lp-raised)}.lab-panel__trigger:focus-visible{outline:1px solid var(--lp-accent);outline-offset:-3px}.lab-panel__sheet{width:var(--lp-width);opacity:0;position:absolute;top:0;left:0}.lab-panel__sheet:focus{outline:none}.lab-panel__head{padding:11px 14px 12px;padding-left:calc(var(--lp-bar) + 6px);flex-direction:column;gap:8px;display:flex}.lab-panel__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--lp-ink-faint);align-items:center;gap:8px;font-size:9px;display:flex}.lab-panel__eyebrow span:not(:first-child):before{content:"·";margin-right:8px}.lab-panel__title{letter-spacing:.02em;color:var(--lp-ink);margin:0;font-family:inherit;font-size:13px;font-weight:500}.lab-panel__blurb{color:var(--lp-ink-soft);text-wrap:pretty;margin:0;padding:0 14px 12px;font-family:ui-sans-serif,system-ui,Geist Variable,sans-serif;font-size:11.5px;line-height:1.55}.lab-panel__tags{flex-wrap:wrap;gap:4px;margin:0;padding:0 14px 13px;list-style:none;display:flex}.lab-panel__tags li{border:1px solid var(--lp-line);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-ink-soft);border-radius:4px;padding:2px 6px;font-size:9px}.lab-panel__rule{background:var(--lp-line);border:0;height:1px;margin:0}.lab-panel__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--lp-line) transparent;max-height:min(56dvh,400px);overflow-y:auto}.lp-folder{border-bottom:1px solid var(--lp-line)}.lp-folder:last-child{border-bottom:0}.lp-folder>summary{letter-spacing:.18em;text-transform:uppercase;color:var(--lp-ink-faint);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:9px 14px;font-size:9px;list-style:none;display:flex}.lp-folder>summary::-webkit-details-marker{display:none}.lp-folder>summary:hover{color:var(--lp-ink-soft)}.lp-folder>summary:focus-visible{outline:1px solid var(--lp-accent);outline-offset:-3px}.lp-folder>summary:before{content:"";border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;transition:transform .22s cubic-bezier(.22,1,.36,1);transform:rotate(-45deg)translate(-1px,-1px)}.lp-folder[open]>summary:before{transform:rotate(45deg)translate(-1px,-1px)}.lp-folder__body{flex-direction:column;gap:7px;padding:2px 14px 11px;display:flex}.lp-row{grid-template-columns:76px 1fr;align-items:center;gap:8px;min-height:20px;display:grid}.lp-label{letter-spacing:.04em;color:var(--lp-ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.lp-field{align-items:center;gap:6px;min-width:0;display:flex}.lp-range{appearance:none;cursor:ew-resize;background:0 0;flex:1;min-width:0;height:18px;margin:0;padding:0}.lp-range::-webkit-slider-runnable-track{background:var(--lp-line);border-radius:1px;height:2px}.lp-range::-moz-range-track{background:var(--lp-line);border-radius:1px;height:2px}.lp-range::-webkit-slider-thumb{appearance:none;background:var(--lp-accent);border:0;border-radius:50%;width:9px;height:9px;margin-top:-3.5px;transition:transform .15s}.lp-range::-moz-range-thumb{background:var(--lp-accent);border:0;border-radius:50%;width:9px;height:9px;transition:transform .15s}.lp-range:hover::-webkit-slider-thumb{transform:scale(1.25)}.lp-range:active::-webkit-slider-thumb{transform:scale(1.25)}.lp-range:hover::-moz-range-thumb{transform:scale(1.25)}.lp-range:active::-moz-range-thumb{transform:scale(1.25)}.lp-range:focus-visible{outline:1px solid var(--lp-accent);outline-offset:2px;border-radius:2px}.lp-input{background:var(--lp-raised);width:100%;min-width:0;color:var(--lp-ink);font-variant-numeric:tabular-nums;text-align:right;border:1px solid #0000;border-radius:4px;padding:3px 5px;font-family:inherit;font-size:10px;transition:border-color .15s,background .15s}.lp-input:hover{background:var(--lp-raised);border-color:var(--lp-line)}.lp-input:focus{border-color:var(--lp-accent);background:0 0;outline:none}.lp-input::-webkit-outer-spin-button{appearance:none;margin:0}.lp-input::-webkit-inner-spin-button{appearance:none;margin:0}.lp-input[type=number]{appearance:textfield}.lp-input--num{flex:0 0 46px;width:46px}.lp-input--hex{text-align:left;text-transform:uppercase;flex:1}.lp-swatch{border:1px solid var(--lp-line);cursor:pointer;background:0 0;border-radius:5px;flex:none;width:20px;height:20px;padding:0;overflow:hidden}.lp-swatch::-webkit-color-swatch-wrapper{padding:0}.lp-swatch::-webkit-color-swatch{border:0;border-radius:4px}.lp-swatch::-moz-color-swatch{border:0;border-radius:4px}.lp-swatch:focus-visible{outline:1px solid var(--lp-accent);outline-offset:2px}.lp-select{border:1px solid var(--lp-line);background:var(--lp-raised);min-width:0;color:var(--lp-ink);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 11px),calc(100% - 7px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:4px;flex:1;padding:3px 22px 3px 6px;font-family:inherit;font-size:10px}.lp-select:focus-visible{outline:1px solid var(--lp-accent);outline-offset:-3px}.lp-select option{color:#111;background:#fff}.lab-panel__foot{border-top:1px solid var(--lp-line);gap:6px;padding:10px 14px;display:flex}.lp-button{border:1px solid var(--lp-line);color:var(--lp-ink-soft);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:5px;flex:1;padding:6px 8px;font-family:inherit;font-size:9px;transition:color .15s,border-color .15s,background .15s}.lp-button:hover{color:var(--lp-ink);border-color:var(--lp-accent);background:var(--lp-raised)}.lp-button:focus-visible{outline:1px solid var(--lp-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.lab-panel,.lab-panel *{transition-duration:.01ms!important}}@media (max-width:420px){.lab-panel{--lp-width:calc(100vw - 2 * var(--lp-inset));--lp-inset:12px}}