.lab-shell{min-height:80dvh;padding:24px 0 64px}.dark .lab-shell,.lab-shell{--lab-text:var(--ui-ink);--lab-text-soft:var(--ui-muted);--lab-text-muted:var(--ui-subtle);--lab-border:var(--ui-line)}.lab-shell__inner{min-width:0}.lab-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:42px;padding-bottom:12px;border-bottom:1px solid var(--lab-border)}.lab-nav__brand{flex:0 0 auto;color:var(--lab-text);font-size:14px;font-weight:700;letter-spacing:-.01em}.lab-nav__links{display:flex;align-items:center;gap:22px;min-width:0;overflow-x:auto;scrollbar-width:none}.lab-nav__links::-webkit-scrollbar{display:none}.lab-nav__links a{position:relative;flex:0 0 auto;padding:6px 0;color:var(--lab-text-muted);font-size:12px;font-weight:600;transition:color .15s ease}.lab-nav__links a.is-active,.lab-nav__links a:hover{color:var(--lab-text)}.lab-nav__links a.is-active:after{position:absolute;right:0;bottom:-13px;left:0;height:2px;background:var(--ui-accent);content:""}.lab-intro{max-width:700px;padding:44px 0 30px}.lab-eyebrow,.lab-kicker{margin:0;color:var(--lab-text-muted);font-size:12px;font-weight:650}.lab-intro h1,.lab-page-header h1{margin:10px 0 0;color:var(--lab-text);font-size:clamp(1.55rem,3vw,2rem);font-weight:650;line-height:1.18;letter-spacing:-.035em}.lab-intro>p:last-child,.lab-page-header__copy>p{max-width:760px;margin:12px 0 0;color:var(--lab-text-soft);font-size:13px;line-height:1.8}.lab-tool-list{border-top:1px solid var(--lab-border)}.lab-tool-row{display:grid;grid-template-columns:28px 36px minmax(0,1fr) auto 18px;align-items:center;gap:16px;padding:22px 4px;border-bottom:1px solid var(--lab-border);color:var(--lab-text);transition:padding .16s ease,color .16s ease}.lab-tool-row:hover{padding-right:0;padding-left:8px}.lab-tool-row__index{color:var(--lab-text-muted);font-size:10px;font-variant-numeric:tabular-nums}.lab-tool-row__icon{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--ui-accent) 8%,transparent);color:var(--ui-accent)}.dark .lab-tool-row__icon{background:color-mix(in srgb,var(--ui-accent) 11%,transparent);color:var(--ui-accent)}.lab-tool-row__copy{display:flex;min-width:0;flex-direction:column;gap:4px}.lab-tool-row__copy strong{font-size:15px;font-weight:650}.lab-tool-row__copy span,.lab-tool-row__note{color:var(--lab-text-muted);font-size:12px;line-height:1.6}.lab-tool-row__note{white-space:nowrap}.lab-tool-row__arrow{color:var(--lab-text-muted);transition:transform .16s ease}.lab-tool-row:hover .lab-tool-row__arrow{transform:translateX(3px)}.lab-feature-surface{margin-top:28px}.lab-page-header{padding-bottom:24px;border-bottom:1px solid var(--lab-border)}.lab-page-header__copy{max-width:820px}.lab-page-header h1{font-size:clamp(1.4rem,2.5vw,1.75rem)}.lab-inline-links a{text-underline-offset:3px}.dark .lab-inline-links a,.lab-inline-links a{color:var(--ui-accent)}.lab-inline-links a:hover{text-decoration:underline}.lab-panel{min-width:0}.lab-empty-state,.lab-loading-card{display:flex;min-height:150px;align-items:center;justify-content:center;border-bottom:1px solid var(--lab-border);color:var(--lab-text-muted);font-size:13px;text-align:center}.lab-empty-state__content{display:flex;align-items:center;flex-direction:column;gap:6px}.lab-empty-state__content svg{margin-bottom:3px;color:var(--lab-text-muted)}.lab-empty-state__content strong{color:var(--lab-text-soft);font-size:13px;font-weight:650}.lab-empty-state__content span{color:var(--lab-text-muted);font-size:11px}.lab-pagination{display:flex;justify-content:center;margin-top:22px}.lab-pagination__inner{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.lab-pagination__button{min-width:31px;height:31px;padding:0 8px;border:0;border-radius:8px;background:rgba(0,0,0,0);color:var(--lab-text-muted);font-size:11px;font-weight:650;transition:background .15s ease,color .15s ease}.lab-pagination__button:hover:not(:disabled){background:rgba(148,163,184,.12);color:var(--lab-text)}.lab-pagination__button.is-active{background:var(--ui-action);color:var(--ui-canvas)}.lab-pagination__button:disabled{cursor:not-allowed;opacity:.35}@media(max-width:720px){.lab-shell{padding:16px 0 48px}.lab-nav{align-items:flex-start;flex-direction:column;gap:4px}.lab-nav__links{width:100%;gap:18px}.lab-nav__links a.is-active:after{bottom:-7px}.lab-intro{padding:38px 0 25px}.lab-tool-row{grid-template-columns:24px 32px minmax(0,1fr) 16px;gap:11px;padding:18px 0}.lab-tool-row__icon{width:32px;height:32px}.lab-tool-row__note{display:none}.lab-feature-surface{margin-top:22px}}