.lab-kit{--lab-bg:#0b0b0d;--lab-panel:#111114;--lab-panel-elevated:#18181c;--lab-control:#1c1c21;--lab-control-hover:#25252b;--lab-border:rgba(255,255,255,0.1);--lab-border-strong:rgba(255,255,255,0.18);--lab-text:#f3f3f5;--lab-muted:#8b8b93;--lab-active:#ffffff;--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:#ffffff;--lab-panel-elevated:#fafafa;--lab-control:#ececee;--lab-control-hover:#e2e2e6;--lab-border:rgba(0,0,0,0.1);--lab-border-strong:rgba(0,0,0,0.18);--lab-text:#111114;--lab-muted:#6b6b73;--lab-active:#111114;--lab-active-fg:#ffffff;--lab-stage:#e8e8ec}.lab-kit .lab-title{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:clamp(1.75rem,2.4vw,2.35rem);line-height:.95;letter-spacing:-.06em;text-transform:uppercase;color:var(--lab-text)}.lab-kit .lab-label{display:block}.lab-kit .lab-label,.lab-kit .lab-row-label{margin-bottom:.4rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-muted)}.lab-kit .lab-row-label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.lab-kit .lab-row-label strong{color:var(--lab-text);font-weight:500;letter-spacing:.04em;text-transform:none;font-variant-numeric:tabular-nums}.lab-kit .lab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid transparent;border-radius:var(--lab-radius-sm);background:var(--lab-control);padding:.45rem .7rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-muted);transition:background .12s ease,color .12s ease,border-color .12s ease}.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:lab-eyedrop-pulse 1.4s ease-in-out infinite}@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{background:transparent;border-color:var(--lab-border)}.lab-kit .lab-action{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--lab-border);border-radius:var(--lab-radius-sm);background:var(--lab-control);padding:.65rem .75rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-text);transition:background .12s ease;cursor:pointer}.lab-kit label.lab-action{margin:0}.lab-kit .lab-action:hover{background:var(--lab-control-hover)}.lab-kit .lab-segment{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:2px;border-radius:var(--lab-radius);background:var(--lab-control);padding:3px}.lab-kit .lab-segment .lab-btn{border-radius:calc(var(--lab-radius-sm) - 1px);background:transparent}.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{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lab-kit .lab-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-kit .lab-field,.lab-kit input.lab-field:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),.lab-kit select.lab-field{width:100%;border:1px solid var(--lab-border);border-radius:var(--lab-radius-sm);background:var(--lab-control);padding:.55rem .7rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;color:var(--lab-text);outline:none}.lab-kit .lab-field:focus,.lab-kit input.lab-field:focus,.lab-kit select.lab-field:focus{border-color:var(--lab-border-strong)}.lab-kit input[type=color].lab-swatch{width:100%;height:2.25rem;cursor:pointer;border:1px solid var(--lab-border);border-radius:var(--lab-radius-sm);background:var(--lab-control);padding:3px}.lab-kit input[type=range].lab-range{width:100%;height:1.25rem;cursor:pointer;appearance:none;background:transparent}.lab-kit input[type=range].lab-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:color-mix(in oklab,var(--lab-text) 14%,transparent)}.lab-kit input[type=range].lab-range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:999px;border:none;background:var(--lab-active);box-shadow:0 0 0 1px rgba(0,0,0,.35)}.lab-kit input[type=range].lab-range::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in oklab,var(--lab-text) 14%,transparent)}.lab-kit input[type=range].lab-range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:999px;background:var(--lab-active)}@media (pointer:coarse){.lab-kit .lab-mobile-sheet input[type=range],.lab-kit aside input[type=range],.lab-kit input[type=range].lab-range{height:2.75rem;touch-action:none}.lab-kit .lab-mobile-sheet input[type=range]::-webkit-slider-runnable-track,.lab-kit aside input[type=range]::-webkit-slider-runnable-track,.lab-kit input[type=range].lab-range::-webkit-slider-runnable-track{height:10px}.lab-kit .lab-mobile-sheet input[type=range]::-webkit-slider-thumb,.lab-kit aside input[type=range]::-webkit-slider-thumb,.lab-kit input[type=range].lab-range::-webkit-slider-thumb{width:28px;height:28px;margin-top:-9px;box-shadow:0 0 0 2px rgba(0,0,0,.25)}.lab-kit .lab-mobile-sheet input[type=range]::-moz-range-track,.lab-kit aside input[type=range]::-moz-range-track,.lab-kit input[type=range].lab-range::-moz-range-track{height:10px}.lab-kit .lab-mobile-sheet input[type=range]::-moz-range-thumb,.lab-kit aside input[type=range]::-moz-range-thumb,.lab-kit input[type=range].lab-range::-moz-range-thumb{width:28px;height:28px}.lab-kit .lab-action,.lab-kit .lab-btn,.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{display:flex;flex-direction:column;gap:.65rem;padding-top:.85rem;border-top:1px solid var(--lab-border)}.lab-kit .lab-section:first-child{padding-top:0;border-top:0}.lab-kit .lab-hint{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-muted);line-height:1.45}.lab-kit .lab-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .85rem}.lab-kit .lab-subnav a{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lab-muted);transition:color .12s ease}.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-color:var(--lab-border)!important;border-radius:2px;box-shadow:0 24px 80px -48px rgba(0,0,0,.85)}.lab-kit aside input[type=range]{width:100%;height:1.25rem;cursor:pointer;appearance:none;background:transparent}.lab-kit aside input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:color-mix(in oklab,var(--lab-text) 14%,transparent)}.lab-kit aside input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:999px;border:none;background:var(--lab-active);box-shadow:0 0 0 1px rgba(0,0,0,.35)}.lab-kit aside input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in oklab,var(--lab-text) 14%,transparent)}.lab-kit aside input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:999px;background:var(--lab-active)}.lab-kit aside input[type=color]{width:100%;height:2.25rem;cursor:pointer;border:1px solid var(--lab-border);border-radius:var(--lab-radius-sm);background:var(--lab-control);padding:3px}.lab-kit aside select.lab-tool-select,.lab-kit select.lab-tool-select{appearance:none;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-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.lab-kit aside button:not(.lab-btn):not(.lab-action){display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--lab-radius-sm);background:var(--lab-control);padding:.45rem .7rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-muted);transition:background .12s ease,color .12s ease}.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).is-active,.lab-kit aside button:not(.lab-btn):not(.lab-action)[aria-pressed=true]{background:var(--lab-active);color:var(--lab-active-fg)}.lab-explore-hub{width:100%;padding:1.25rem 1.25rem 2rem}.lab-explore-header{margin-bottom:1.5rem;max-width:42rem}.lab-explore-wordmark{display:flex;flex-wrap:wrap;gap:.35rem .85rem;margin:0;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:clamp(2rem,6vw,3.5rem);line-height:.92;letter-spacing:-.07em;text-transform:uppercase;color:var(--lab-text)}.lab-explore-lede,.lab-explore-wordmark span:last-child{color:var(--lab-muted)}.lab-explore-lede{margin:.85rem 0 0;font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.lab-explore-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@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{display:flex;flex-direction:column;gap:.65rem;text-decoration:none;color:inherit;opacity:0;animation:lab-explore-card-in .42s ease forwards}@keyframes lab-explore-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lab-explore-card-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--lab-border);border-radius:var(--lab-radius);background:var(--lab-bg)}.lab-explore-card-stage[data-scrubbing]{border-color:var(--lab-border-strong)}.lab-explore-preview-canvas,.lab-explore-preview-svg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.lab-explore-preview-idle{position:absolute;inset:0;background:var(--lab-bg)}.lab-explore-card-meta{display:flex;flex-direction:column;gap:.25rem;padding:0 .1rem}.lab-explore-card-title{margin:0;font-size:clamp(1.15rem,2vw,1.55rem)}.lab-explore-card-blurb{margin:0;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-muted)}.lab-explore-card:focus-visible .lab-explore-card-blurb,.lab-explore-card:hover .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;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:.35rem}.lab-dither-mosaic[data-busy]{opacity:.7;pointer-events:none}.lab-dither-cell{position:relative;display:block;margin:0;padding:0;overflow:hidden;border:1px solid var(--lab-border);border-radius:calc(var(--lab-radius) - 2px);background:var(--lab-bg);cursor:pointer;color:inherit}.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{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.lab-dither-cell-label{position:absolute;left:.3rem;bottom:.25rem;right:.3rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--lab-muted);text-shadow:0 1px 2px var(--lab-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-dither-pin-stage{gap:.45rem;padding:.55rem}.lab-dither-pin-toolbar{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.lab-dither-pin-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--lab-muted)}.lab-dither-pin-meta strong{color:var(--lab-text);font-weight:700}.lab-dither-pin-frame{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid var(--lab-border);border-radius:var(--lab-radius);background:var(--lab-bg)}.lab-dither-pin-canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.lab-dither-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border:0;background:transparent;color:inherit;cursor:pointer}