.lab-kit{--lab-bg:#0b0b0d;--lab-panel:#111114;--lab-panel-elevated:#18181c;--lab-control:#1c1c21;--lab-control-hover:#25252b;--lab-border:#ffffff1a;--lab-border-strong:#ffffff2e;--lab-text:#f3f3f5;--lab-muted:#8b8b93;--lab-active:#fff;--lab-active-fg:#0b0b0d;--lab-stage:#0a0a0c;--lab-radius:8px;--lab-radius-sm:6px;color:var(--lab-text);background:var(--lab-bg)}.lab-kit[data-lab-theme=light]{--lab-bg:#f4f4f5;--lab-panel:#fff;--lab-panel-elevated:#fafafa;--lab-control:#ececee;--lab-control-hover:#e2e2e6;--lab-border:#0000001a;--lab-border-strong:#0000002e;--lab-text:#111114;--lab-muted:#6b6b73;--lab-active:#111114;--lab-active-fg:#fff;--lab-stage:#e8e8ec}.lab-kit .lab-title{font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.06em;text-transform:uppercase;color:var(--lab-text);font-size:clamp(1.75rem,2.4vw,2.35rem);font-weight:800;line-height:.95}.lab-kit .lab-label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-muted);margin-bottom:.4rem;font-size:10px;font-weight:500;display:block}.lab-kit .lab-row-label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-muted);justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.4rem;font-size:10px;font-weight:500;display:flex}.lab-kit .lab-row-label strong{color:var(--lab-text);letter-spacing:.04em;text-transform:none;font-variant-numeric:tabular-nums;font-weight:500}.lab-kit .lab-btn{border-radius:var(--lab-radius-sm);background:var(--lab-control);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-muted);border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .7rem;font-size:10px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.lab-kit .lab-btn:hover{background:var(--lab-control-hover);color:var(--lab-text)}.lab-kit .lab-btn.is-active,.lab-kit .lab-btn[aria-pressed=true],.lab-kit .lab-btn[data-active=true]{background:var(--lab-active);color:var(--lab-active-fg)}.lab-kit .lab-eyedrop-active{animation:1.4s ease-in-out infinite lab-eyedrop-pulse}@keyframes lab-eyedrop-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--lab-active) 55%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--lab-active) 0%, transparent)}}.lab-kit .lab-btn:disabled{opacity:.4;pointer-events:none}.lab-kit .lab-btn-block{width:100%}.lab-kit .lab-btn-ghost{border-color:var(--lab-border);background:0 0}.lab-kit .lab-action{border:1px solid var(--lab-border);border-radius:var(--lab-radius-sm);background:var(--lab-control);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-text);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .75rem;font-size:10px;font-weight:500;transition:background .12s;display:inline-flex}.lab-kit label.lab-action{margin:0}.lab-kit .lab-action:hover{background:var(--lab-control-hover)}.lab-kit .lab-segment{border-radius:var(--lab-radius);background:var(--lab-control);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:2px;padding:3px;display:grid}.lab-kit .lab-segment .lab-btn{border-radius:calc(var(--lab-radius-sm) - 1px);background:0 0}.lab-kit .lab-segment .lab-btn.is-active,.lab-kit .lab-segment .lab-btn[aria-pressed=true],.lab-kit .lab-segment .lab-btn[data-active=true]{background:var(--lab-active);color:var(--lab-active-fg)}.lab-kit .lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lab-kit .lab-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-kit .lab-field,.lab-kit select.lab-field,.lab-kit input.lab-field:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]){border:1px solid var(--lab-border);border-radius:var(--lab-radius-sm);background:var(--lab-control);width:100%;font-family:var(--font-mono), ui-monospace, monospace;color:var(--lab-text);outline:none;padding:.55rem .7rem;font-size:12px}.lab-kit .lab-field:focus,.lab-kit select.lab-field:focus,.lab-kit input.lab-field:focus{border-color:var(--lab-border-strong)}.lab-kit input[type=color].lab-swatch{cursor:pointer;border:1px solid var(--lab-border);border-radius:var(--lab-radius-sm);background:var(--lab-control);width:100%;height:2.25rem;padding:3px}.lab-kit input[type=range].lab-range{cursor:pointer;appearance:none;background:0 0;width:100%;height:1.25rem}.lab-kit input[type=range].lab-range::-webkit-slider-runnable-track{background:color-mix(in oklab, var(--lab-text) 14%, transparent);border-radius:999px;height:4px}.lab-kit input[type=range].lab-range::-webkit-slider-thumb{appearance:none;background:var(--lab-active);border:none;border-radius:999px;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 0 1px #00000059}.lab-kit input[type=range].lab-range::-moz-range-track{background:color-mix(in oklab, var(--lab-text) 14%, transparent);border-radius:999px;height:4px}.lab-kit input[type=range].lab-range::-moz-range-thumb{background:var(--lab-active);border:none;border-radius:999px;width:14px;height:14px}@media (pointer:coarse){.lab-kit input[type=range].lab-range,.lab-kit aside input[type=range],.lab-kit .lab-mobile-sheet input[type=range]{touch-action:none;height:2.75rem}.lab-kit input[type=range].lab-range::-webkit-slider-runnable-track{height:10px}.lab-kit aside input[type=range]::-webkit-slider-runnable-track{height:10px}.lab-kit .lab-mobile-sheet input[type=range]::-webkit-slider-runnable-track{height:10px}.lab-kit input[type=range].lab-range::-webkit-slider-thumb{width:28px;height:28px;margin-top:-9px;box-shadow:0 0 0 2px #00000040}.lab-kit aside input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-9px;box-shadow:0 0 0 2px #00000040}.lab-kit .lab-mobile-sheet input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-9px;box-shadow:0 0 0 2px #00000040}.lab-kit input[type=range].lab-range::-moz-range-track{height:10px}.lab-kit aside input[type=range]::-moz-range-track{height:10px}.lab-kit .lab-mobile-sheet input[type=range]::-moz-range-track{height:10px}.lab-kit input[type=range].lab-range::-moz-range-thumb{width:28px;height:28px}.lab-kit aside input[type=range]::-moz-range-thumb{width:28px;height:28px}.lab-kit .lab-mobile-sheet input[type=range]::-moz-range-thumb{width:28px;height:28px}.lab-kit .lab-btn,.lab-kit .lab-action,.lab-kit .lab-mobile-sheet button{min-height:2.75rem;padding-left:.85rem;padding-right:.85rem}.lab-kit .lab-mobile-sheet-scroll{overscroll-behavior:contain;touch-action:pan-y}}.lab-kit .lab-section{border-top:1px solid var(--lab-border);flex-direction:column;gap:.65rem;padding-top:.85rem;display:flex}.lab-kit .lab-section:first-child{border-top:0;padding-top:0}.lab-kit .lab-hint{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-muted);font-size:10px;line-height:1.45}.lab-kit .lab-subnav{flex-wrap:wrap;align-items:center;gap:.65rem .85rem;display:flex}.lab-kit .lab-subnav a{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--lab-muted);font-size:10px;transition:color .12s}.lab-kit .lab-subnav a:hover,.lab-kit .lab-subnav a[aria-current=page]{color:var(--lab-text)}.lab-kit .lab-stage-pane{background:var(--lab-stage)}.lab-kit [data-lab-stage]{border-radius:2px;box-shadow:0 24px 80px -48px #000000d9;border-color:var(--lab-border)!important}.lab-kit aside input[type=range]{cursor:pointer;appearance:none;background:0 0;width:100%;height:1.25rem}.lab-kit aside input[type=range]::-webkit-slider-runnable-track{background:color-mix(in oklab, var(--lab-text) 14%, transparent);border-radius:999px;height:4px}.lab-kit aside input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--lab-active);border:none;border-radius:999px;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 0 1px #00000059}.lab-kit aside input[type=range]::-moz-range-track{background:color-mix(in oklab, var(--lab-text) 14%, transparent);border-radius:999px;height:4px}.lab-kit aside input[type=range]::-moz-range-thumb{background:var(--lab-active);border:none;border-radius:999px;width:14px;height:14px}.lab-kit aside input[type=color]{cursor:pointer;border:1px solid var(--lab-border);border-radius:var(--lab-radius-sm);background:var(--lab-control);width:100%;height:2.25rem;padding:3px}.lab-kit aside select.lab-tool-select,.lab-kit select.lab-tool-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238b8b93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.lab-kit aside button:not(.lab-btn):not(.lab-action){border-radius:var(--lab-radius-sm);background:var(--lab-control);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-muted);border:1px solid #0000;justify-content:center;align-items:center;padding:.45rem .7rem;font-size:10px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.lab-kit aside button:not(.lab-btn):not(.lab-action):hover{background:var(--lab-control-hover);color:var(--lab-text)}.lab-kit aside button:not(.lab-btn):not(.lab-action)[aria-pressed=true],.lab-kit aside button:not(.lab-btn):not(.lab-action).is-active{background:var(--lab-active);color:var(--lab-active-fg)}.lab-explore-hub{width:100%;padding:1.25rem 1.25rem 2rem}.lab-explore-header{max-width:42rem;margin-bottom:1.5rem}.lab-explore-wordmark{font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.07em;text-transform:uppercase;color:var(--lab-text);flex-wrap:wrap;gap:.35rem .85rem;margin:0;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:.92;display:flex}.lab-explore-wordmark span:last-child{color:var(--lab-muted)}.lab-explore-lede{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-muted);margin:.85rem 0 0;font-size:11px}.lab-explore-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (min-width:720px){.lab-explore-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (min-width:1100px){.lab-explore-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}}.lab-explore-card{color:inherit;opacity:0;flex-direction:column;gap:.65rem;text-decoration:none;animation:.42s forwards lab-explore-card-in;display:flex}@keyframes lab-explore-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lab-explore-card-stage{aspect-ratio:16/9;border:1px solid var(--lab-border);border-radius:var(--lab-radius);background:var(--lab-bg);position:relative;overflow:hidden}.lab-explore-card-stage[data-scrubbing]{border-color:var(--lab-border-strong)}.lab-explore-preview-canvas,.lab-explore-preview-svg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.lab-explore-preview-idle{background:var(--lab-bg);position:absolute;inset:0}.lab-explore-card-meta{flex-direction:column;gap:.25rem;padding:0 .1rem;display:flex}.lab-explore-card-title{margin:0;font-size:clamp(1.15rem,2vw,1.55rem)}.lab-explore-card-blurb{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-muted);margin:0;font-size:10px}.lab-explore-card:hover .lab-explore-card-blurb,.lab-explore-card:focus-visible .lab-explore-card-blurb{color:var(--lab-text)}@media (prefers-reduced-motion:reduce){.lab-explore-card{opacity:1;animation:none}}.lab-dither-stage{gap:.55rem;padding:.55rem}.lab-dither-mosaic{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;min-height:0;display:grid}.lab-dither-mosaic[data-busy]{opacity:.7;pointer-events:none}.lab-dither-cell{border:1px solid var(--lab-border);border-radius:calc(var(--lab-radius) - 2px);background:var(--lab-bg);cursor:pointer;color:inherit;margin:0;padding:0;display:block;position:relative;overflow:hidden}.lab-dither-cell[data-hover],.lab-dither-cell[data-pin]{border-color:var(--lab-border-strong);z-index:1}.lab-dither-cell[data-pin]{outline:2px solid var(--lab-text);outline-offset:-2px}.lab-dither-cell-canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.lab-dither-cell-label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--lab-muted);text-shadow:0 1px 2px var(--lab-bg);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;font-size:9px;position:absolute;bottom:.25rem;left:.3rem;right:.3rem;overflow:hidden}.lab-dither-pin-stage{gap:.45rem;padding:.55rem}.lab-dither-pin-toolbar{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.lab-dither-pin-meta{min-width:0;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--lab-muted);flex-direction:column;flex:1;gap:.15rem;font-size:10px;display:flex}.lab-dither-pin-meta strong{color:var(--lab-text);font-weight:700}.lab-dither-pin-frame{border:1px solid var(--lab-border);border-radius:var(--lab-radius);background:var(--lab-bg);flex:1;min-height:0;position:relative;overflow:hidden}.lab-dither-pin-canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.lab-dither-empty{color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex;position:absolute;inset:0}