.lab-workspace,.labs-index{max-width:1200px;margin:auto;padding:72px 28px 96px}.labs-index>header{max-width:800px}.labs-index h1{font-size:clamp(40px,7vw,76px);letter-spacing:-.055em;line-height:1.05;margin:18px 0 24px}.labs-index>header>p:last-of-type{font-size:22px;color:var(--muted);line-height:1.6}.labs-facts{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.labs-facts span{border:1px solid var(--border);padding:10px 16px;border-radius:24px;font-size:14px}.labs-facts strong{color:#f6ce55}.labs-how{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:28px 0 42px;border-bottom:1px solid var(--border)}.labs-how b{font-size:13px;color:#88baff}.labs-app p,.labs-how p{color:var(--muted);line-height:1.7}.labs-group{margin-top:48px}.labs-group h2{font-size:26px;letter-spacing:-.03em}.labs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.labs-cards>a{padding:26px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#151e2a,#0e131c);display:flex;flex-direction:column;text-decoration:none;transition:transform .16s,border-color .16s}.labs-cards>a:hover{transform:translateY(-3px);border-color:#77adff}.lab-card-kind{font-size:10px;letter-spacing:.15em;color:#98bcf3}.labs-cards h3{font-size:23px;letter-spacing:-.025em;margin:30px 0 10px}.labs-cards p{line-height:1.6;color:#aeb8c7;margin:0 0 30px}.lab-card-link{margin-top:auto;color:#9cc4ff;font-weight:650;font-size:14px;display:flex;justify-content:space-between}.labs-app{border:1px solid var(--border);border-radius:20px;padding:30px;margin-top:56px}.labs-app a{color:#9cc4ff}.lab-workspace{max-width:1440px;padding-top:32px}.lab-breadcrumb{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.lab-breadcrumb a{color:#a6c9ff}.lab-title{margin:34px 0}.lab-title h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.04em;margin:8px 0 14px}.lab-title>p:last-child{color:var(--muted);font-size:18px}.lab-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start}.lab-columns h2{font-size:20px;margin:0 0 14px}.lab-code>p{line-height:1.65;color:#b9c2d0}.lab-code .plain-editor{height:430px;overflow:hidden;border:1px solid var(--border);border-radius:14px}.lab-code .cm-editor{height:100%}.lab-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.lab-actions button{font-size:12px;padding:10px 14px}.lab-actions button:disabled{opacity:.5;cursor:wait}.lab-runtime{font-size:12px;color:var(--muted);line-height:1.65}.lab-error{white-space:pre-wrap;overflow-wrap:anywhere;background:#371c25;color:#ffbdc6;border-radius:12px;padding:16px;font-size:12px}.lab-notes{padding:18px 0;line-height:1.7;color:#c0cad8}.lab-notes summary{cursor:pointer;font-weight:650}.lab-replay{min-width:0;border:1px solid var(--border);border-radius:20px;padding:22px;background:#101720}.lab-replay-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-replay-heading>span{font-size:11px;color:#a4b3c7;white-space:nowrap}.lab-player{display:flex;gap:8px;align-items:center;margin:14px 0}.lab-player button,.lab-player select{border:1px solid #344354;border-radius:8px;background:#1a2738;color:#e9f0fa;padding:8px 12px;font:inherit;font-size:12px}.lab-player button:disabled{opacity:.35}.lab-player label{margin-left:auto;font-size:11px;color:#a4b3c7}.lab-player select{margin-left:6px}.lab-scrubber{width:100%;accent-color:#82b7ff}.lab-context{font-size:11px;color:#a4b3c7;overflow-wrap:anywhere}.lab-line{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-left:3px solid #f4d060;background:#1c2530;border-radius:0 8px 8px 0}.lab-line span{display:block;font-size:10px;color:#f4d060;margin-bottom:6px}.lab-line code{font-size:12px;color:#eaf0f8}.lab-panel{border:1px solid #283646;border-radius:12px;padding:14px;margin-top:14px;min-width:0}.lab-panel h3{font-size:12px;color:#a8c9f5;font-weight:600;margin:0 0 12px}.lab-array{display:flex;flex-wrap:wrap;gap:5px}.lab-array>div{background:#1c2b3d;border:1px solid #35506c;border-radius:6px;min-width:34px;padding:4px 8px;text-align:center}.lab-array small{display:block;color:#8c9eb6;font-size:9px}.lab-array code{font-size:12px;overflow-wrap:anywhere}.lab-vars{margin:0;display:grid;gap:6px}.lab-vars>div{display:grid;grid-template-columns:minmax(60px,1fr) minmax(0,2fr);gap:12px;font-size:12px}.lab-vars dt{color:#9fafc4}.lab-vars dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.lab-panel svg{width:100%;color:#9cabc0}.lab-panel svg circle{fill:#f3cb59}.lab-panel svg polyline{stroke:#82b7ff}.lab-panel svg text{fill:currentColor;font-size:11px}.lab-empty{padding:70px 24px;text-align:center;color:#9eafc5;line-height:1.7;min-height:350px}.lab-empty>span{font-size:44px;color:#f5d35f}.lab-checks{margin-top:24px}.lab-checks h3{font-size:16px}.lab-checks>div{display:flex;gap:10px;padding:10px 0;border-top:1px solid #293544;font-size:12px}.lab-checks>div>span{color:#ff9eaa}.lab-checks>div[data-ok=true]>span{color:#8cdec0}.lab-checks p{margin:5px 0 0;color:#b0bdd0;line-height:1.5;overflow-wrap:anywhere}@media(max-width:1000px){.labs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-columns{grid-template-columns:1fr}.lab-workspace{max-width:800px}}@media(max-width:600px){.lab-workspace,.labs-index{padding:36px 20px 64px}.labs-cards,.labs-how{grid-template-columns:1fr}.labs-how{gap:12px}.labs-facts{gap:8px}.labs-facts span{font-size:11px;padding:8px 12px}.lab-replay{padding:15px}.lab-player{flex-wrap:wrap}.lab-code .plain-editor{height:360px}.labs-cards h3{margin-top:22px}}.lab-card-kind em{display:inline-block;color:#8cdec0;font-size:10px;font-style:normal;letter-spacing:0;margin-left:10px}.lab-title .eyebrow,.labs-index .eyebrow{font-size:11px;letter-spacing:.15em;color:#a6b8cc}