body.section-labs{--main-width:1120px}.labs-header{max-width:760px;margin-bottom:2rem}.labs-header__eyebrow,.lab-single__eyebrow,.lab-launch__eyebrow{margin:0 0 .45rem;color:var(--secondary);font-size:.76rem;font-weight:700;letter-spacing:.16em}.labs-header__intro{margin-top:1rem;color:var(--content);line-height:1.7}.labs-header__intro>:first-child,.labs-header__intro>:last-child{margin-top:0;margin-bottom:0}.labs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.lab-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--entry);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.lab-card:hover,.lab-card:focus-within{transform:translateY(-3px);border-color:color-mix(in oklab,var(--secondary),var(--border) 55%);box-shadow:var(--card-hover-shadow)}.lab-card__link{position:absolute;inset:0;z-index:1;border-radius:inherit}.lab-card__link:focus-visible{outline:2px solid var(--secondary);outline-offset:-4px}.lab-card__visual{position:relative;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(circle at 20% 20%,color-mix(in oklab,#7dd3fc,transparent 72%),transparent 36%),radial-gradient(circle at 78% 76%,color-mix(in oklab,#c4b5fd,transparent 74%),transparent 38%),color-mix(in oklab,var(--entry),var(--primary) 4%)}.lab-card__visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.lab-card:hover .lab-card__visual img,.lab-card:focus-within .lab-card__visual img{transform:scale(1.035)}.lab-card__visual--placeholder{display:grid;place-items:center}.lab-card__visual--placeholder svg{width:48%;max-width:150px;fill:none;stroke:var(--secondary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.62}.lab-status{display:inline-flex;align-items:center;width:max-content;min-height:24px;padding:.15rem .55rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--entry),transparent 6%);color:var(--secondary);font-size:.74rem;font-weight:650;line-height:1.2;white-space:nowrap}.lab-card__visual>.lab-status{position:absolute;top:.7rem;left:.7rem;z-index:2;backdrop-filter:blur(8px)}.lab-status--stable{border-color:color-mix(in oklab,#22c55e,var(--border) 55%);color:color-mix(in oklab,#15803d,var(--primary) 35%)}:root[data-theme=dark] .lab-status--stable{color:#86efac}.lab-status--archived{opacity:.72}.lab-card__body{padding:1rem 1.05rem 1.1rem}.lab-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.lab-card__heading h2{margin:0;color:var(--primary);font-size:1.05rem;line-height:1.4}.lab-card__arrow{color:var(--secondary);transition:transform .18s ease}.lab-card:hover .lab-card__arrow,.lab-card:focus-within .lab-card__arrow{transform:translate(2px,-2px)}.lab-card__summary{min-height:2.9em;margin:.55rem 0 .85rem;color:var(--secondary);font-size:.88rem;line-height:1.55;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lab-card__meta,.lab-single__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;color:var(--secondary);font-size:.8rem}.lab-technologies{display:inline-flex;flex-wrap:wrap;gap:.35rem}.lab-technologies>span{padding:.15rem .48rem;border-radius:999px;background:var(--code-bg);color:var(--secondary);font-size:.74rem;line-height:1.35}.labs-empty{display:grid;justify-items:center;max-width:680px;margin:3rem auto;padding:3rem 2rem;border:1px dashed var(--border);border-radius:var(--card-radius);text-align:center;background:color-mix(in oklab,var(--entry),transparent 45%)}.labs-empty__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:1rem;border:1px solid var(--border);border-radius:50%;color:var(--secondary);font-size:1.2rem}.labs-empty h2{margin:0 0 .6rem;color:var(--primary);font-size:1.15rem}.labs-empty p{max-width:520px;margin:0;color:var(--secondary);line-height:1.7}.lab-single__header,.lab-single__content,.lab-single__footer,.lab-single>.related-posts{width:min(100%,860px);margin-right:auto;margin-left:auto}.lab-single__header{margin-bottom:1.5rem}.lab-single__meta{margin-top:.85rem}.lab-stage{overflow:hidden;margin:1.5rem 0 2.5rem;border:1px solid var(--border);border-radius:calc(var(--card-radius) + 2px);background:var(--entry);box-shadow:0 12px 36px rgba(0,0,0,8%)}:root[data-theme=dark] .lab-stage{box-shadow:0 14px 40px rgba(0,0,0,.3)}.lab-stage__bar{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:1rem;padding:.55rem .85rem;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--entry),var(--primary) 3%)}.lab-stage__bar>div{display:flex;align-items:center;gap:.55rem}.lab-stage__bar h2{margin:0;color:var(--secondary);font-size:.8rem;font-weight:650}.lab-stage__signal{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px color-mix(in oklab,#22c55e,transparent 78%)}.lab-stage__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem .75rem}.lab-stage__actions a{position:relative;z-index:2;color:var(--secondary);font-size:.76rem;text-decoration:none}.lab-stage__actions a:hover{color:var(--primary)}.lab-app{position:relative;isolation:isolate;min-height:480px;overflow:auto;overscroll-behavior:contain;background:var(--theme);color:var(--content)}.lab-app__loading,.lab-app__noscript{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:2rem;color:var(--secondary);text-align:center}.lab-app__noscript{background:var(--theme)}.lab-launch{max-width:760px;margin:1.5rem auto 2.5rem;padding:2.25rem;border:1px solid var(--border);border-radius:var(--card-radius);background:radial-gradient(circle at 90% 10%,color-mix(in oklab,#7dd3fc,transparent 80%),transparent 38%),var(--entry)}.lab-launch h2{margin:0 0 .55rem;color:var(--primary);font-size:1.35rem}.lab-launch>p:not(.lab-launch__eyebrow){margin:0 0 1.2rem;color:var(--secondary)}.lab-launch__button{display:inline-flex;align-items:center;gap:.5rem;min-height:42px;padding:.45rem 1rem;border-radius:999px;background:var(--primary);color:var(--theme);font-size:.9rem;font-weight:650;text-decoration:none}.lab-launch__button:hover{opacity:.86}.lab-launch__button:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.lab-launch--pending{background:var(--entry)}.lab-single__content{margin-top:2rem}@media(max-width:768px){.labs-grid{grid-template-columns:1fr}.lab-stage{margin-right:-6px;margin-left:-6px;border-radius:10px}.lab-stage__bar{align-items:flex-start}.lab-app{min-height:360px}.lab-launch{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.lab-card,.lab-card__visual img,.lab-card__arrow{transition:none}}