.labs{position:relative;isolation:isolate;margin:0 12px 12px;background:var(--bg);overflow:hidden;padding:76px 30px 64px;scroll-margin-top:12px}
.labs::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 28%,#ed895518,transparent 53%),repeating-radial-gradient(ellipse at 110% 30%,transparent 0 23px,#ffffff03 24px 25px,transparent 26px 34px);pointer-events:none}
.labs-inner{max-width:1080px;margin:auto;text-align:center}.labs-eyebrow{font-size:12px;letter-spacing:.17em;color:var(--muted)}
.lab-gallery{display:grid;grid-template-columns:.8fr .92fr 1.85fr .92fr .8fr;grid-template-rows:1fr 1fr;gap:16px;align-items:stretch;height:330px;max-width:900px;margin:34px auto 40px;padding:8px}
.lab-card{--card-accent:#ed8955;position:relative;min-width:0;overflow:hidden;border:1px solid #d1c9b76b;border-radius:17px;background:linear-gradient(145deg,#37332c,#131414 75%);box-shadow:0 8px 24px #0004;padding:0;text-align:left;color:var(--text);transition:border-color .25s,box-shadow .25s,transform .25s}
button.lab-card:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 8px 30px #ed89551b}button.lab-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.lab-card[data-slot="0"]{grid-column:1;grid-row:1/3;align-self:center;height:140px}.lab-card[data-slot="1"]{grid-column:2;grid-row:1}.lab-card[data-slot="2"]{grid-column:2;grid-row:2}.lab-card[data-slot="3"]{grid-column:3;grid-row:1/3}.lab-card[data-slot="4"]{grid-column:4;grid-row:1}.lab-card[data-slot="5"]{grid-column:4;grid-row:2}.lab-card[data-slot="6"]{grid-column:5;grid-row:1/3;align-self:center;height:140px}
.lab-featured{border:2px solid #e9ac83;box-shadow:0 0 0 5px #ed895507,0 15px 55px #0005}
.lab-card-inner{height:100%;width:100%;display:flex;flex-direction:column;position:relative;padding:15px;background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--card-accent) 15%,transparent),transparent 75%)}
.lab-window{display:flex;gap:4px;align-items:center;opacity:.7}.lab-window i{display:block;width:4px;height:4px;border-radius:50%;background:var(--card-accent)}.lab-window span{margin-left:auto;font:9px monospace;color:#bdb6a9}
.lab-glyph{color:var(--card-accent);font:500 clamp(22px,3.6vw,45px) monospace;display:grid;place-items:center;flex:1;text-shadow:0 0 28px color-mix(in srgb,var(--card-accent) 25%,transparent)}
.lab-code{display:none;font:11px/1.8 monospace;color:#c4bcb0;white-space:pre-line;margin:0 0 18px;opacity:.9}.lab-card-label{font-size:11px;line-height:1.3;color:#e4ded2;font-weight:500}.lab-card-index{display:none}
.lab-featured .lab-card-inner{padding:23px}.lab-featured .lab-glyph{font-size:72px}.lab-featured .lab-code{display:block}.lab-featured .lab-card-label{font-size:17px}.lab-featured .lab-card-index{display:block;margin-top:8px;font-size:10px;letter-spacing:.12em;color:var(--orange)}
.lab-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.lab-card-image~*{position:relative}
.labs h2{font-size:clamp(30px,4vw,48px);line-height:1.13;font-weight:600;letter-spacing:-.045em;margin:0 0 16px}.labs h2 span{color:var(--orange)}.labs-intro{font-size:15px;line-height:1.7;color:var(--muted);margin:0 auto 29px}.lab-details{max-width:540px;margin:auto;min-height:155px}.lab-details>span{color:var(--orange);font-size:10px;letter-spacing:.15em}.lab-details h3{font-size:21px;letter-spacing:-.03em;font-weight:500;margin:10px 0}.lab-details p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 auto;max-width:490px}.lab-details ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:0;margin:15px 0}.lab-details li{border:1px solid var(--line);border-radius:20px;font-size:11px;padding:5px 10px;color:#c9c4ba}.labs .primary-button{margin-top:14px}.labs-hint{font-size:12px;color:var(--muted);margin:18px 0 0}
#lab-dialog{max-width:530px}#lab-dialog h2{font-size:31px}.lab-objectives-title{font-size:15px;margin-top:24px}#lab-objectives{padding-left:20px;color:var(--muted);font-size:14px;line-height:1.75}#lab-objectives li{margin-bottom:9px}#lab-dialog .lab-preview-note{font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}
@media(max-width:750px){.labs{padding:58px 20px}.lab-gallery{gap:9px;height:270px;margin:30px auto}.lab-card{border-radius:12px}.lab-card-inner{padding:10px}.lab-featured .lab-card-inner{padding:14px}.lab-featured .lab-glyph{font-size:52px}.lab-featured .lab-code{font-size:9px}.lab-featured .lab-card-label{font-size:14px}.lab-window span{display:none}.lab-card-label{font-size:10px}.lab-card[data-slot="0"],.lab-card[data-slot="6"]{height:110px}}
@media(max-width:500px){.labs{margin:0 6px 6px;padding:48px 14px;scroll-margin-top:6px}.labs-eyebrow{font-size:10px;letter-spacing:.12em}.lab-gallery{grid-template-columns:.8fr 1.7fr .8fr;grid-template-rows:95px 95px 68px;gap:9px;height:auto;max-width:360px;padding:5px;margin:27px auto 30px}.lab-card[data-slot="0"]{grid-column:1;grid-row:3;height:auto;align-self:stretch}.lab-card[data-slot="1"]{grid-column:1;grid-row:1}.lab-card[data-slot="2"]{grid-column:1;grid-row:2}.lab-card[data-slot="3"]{grid-column:2;grid-row:1/4}.lab-card[data-slot="4"]{grid-column:3;grid-row:1}.lab-card[data-slot="5"]{grid-column:3;grid-row:2}.lab-card[data-slot="6"]{grid-column:3;grid-row:3;height:auto;align-self:stretch}.lab-card-inner{padding:8px}.lab-card .lab-glyph{font-size:24px}.lab-featured .lab-glyph{font-size:50px}.lab-card[data-slot="0"] .lab-window,.lab-card[data-slot="6"] .lab-window{display:none}.lab-featured .lab-code{font-size:9px;margin-bottom:14px;overflow-wrap:anywhere}.lab-card-label{font-size:9px}.lab-featured .lab-card-label{font-size:15px}.lab-featured .lab-card-index{font-size:9px}.labs-intro{font-size:14px;padding-inline:12px}.lab-details{min-height:180px}.lab-details p{font-size:14px;padding:0 10px}.labs h2{font-size:32px}.lab-details h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){button.lab-card:hover{transform:none}}

/* Technical sandbox panels: scoped to win over the shared theme. */
.labs .lab-gallery{position:relative;isolation:isolate;gap:18px;padding:14px;max-width:960px}
.labs .lab-gallery::before{content:"";position:absolute;z-index:-1;inset:24% 5%;border:1px solid #367cc466;border-radius:18px;background:linear-gradient(90deg,transparent 49.8%,#408ee733 50%,transparent 50.2%);box-shadow:0 0 16px #278cff0b;pointer-events:none}
.labs .lab-gallery::after{content:"";position:absolute;z-index:-1;left:5%;right:5%;top:50%;height:1px;background:#428cdb99;box-shadow:0 0 9px #398dff99;pointer-events:none}
.labs .lab-card{border:1px solid #6b91b338;border-radius:8px;background:#0b1017;box-shadow:0 10px 24px #0005,inset 0 1px #ffffff05}
.labs button.lab-card{cursor:pointer;border-style:dashed}
.labs button.lab-card:hover{border-color:#63b3ff;box-shadow:0 0 22px #288cff20;transform:translateY(-4px)}
.labs button.lab-card:focus-visible{outline-color:#79bdff}
.labs .lab-card-inner{background:linear-gradient(145deg,#18334e22,transparent 70%)}
.labs .lab-featured{border:1px solid #79a9d680;box-shadow:0 0 0 4px #449bff07,0 0 30px #268fff12,0 18px 45px #0006}
.labs .lab-featured .lab-card-inner{padding:18px 20px;min-height:300px;background:linear-gradient(#080d13dd,#080d13ee),repeating-linear-gradient(0deg,transparent 0 23px,#507da633 24px),repeating-linear-gradient(90deg,transparent 0 23px,#507da633 24px)}
.labs .lab-window{opacity:1;border-bottom:1px solid #6987a526;padding-bottom:12px;gap:5px}
.labs .lab-window i{width:5px;height:5px;background:#52718d}
.labs .lab-window i:first-child{background:#57d9ae;box-shadow:0 0 8px #57d9ae55}
.labs .lab-window span{font:9px/1.4 monospace;color:#8399ae;letter-spacing:.035em}
.labs .lab-glyph{color:#78baff;text-shadow:0 0 24px #278cff40}
.labs .lab-featured .lab-glyph{font-size:46px;min-height:58px;flex:1;align-self:flex-start}
.labs .lab-featured .lab-code{display:block;padding:10px 12px;margin:0 0 15px;border:1px solid #6987a524;border-left:2px solid #489ee8;border-radius:3px;background:#050a10b3;color:#91b5d4;font:10px/1.8 monospace}
.labs .lab-featured .lab-card-label{font-size:17px;color:#e0ebf4;letter-spacing:-.02em}
.labs .lab-featured .lab-card-index{font:8px/1.5 monospace;letter-spacing:.15em;color:#6b94b7;margin-top:5px}
.labs .lab-telemetry{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:15px;padding-top:10px;border-top:1px solid #6987a526;color:#7d94a8;font:7px/1.5 monospace;letter-spacing:.06em}
.labs .lab-telemetry span:first-child{color:#65c9aa}
.labs .lab-telemetry span:first-child::before{content:"";display:inline-block;width:4px;height:4px;background:currentColor;border-radius:50%;margin-right:5px;vertical-align:middle}
@media(max-width:500px){.labs .lab-gallery{gap:10px;padding:5px;grid-template-columns:.6fr 2.3fr .6fr;grid-template-rows:100px 100px 100px}.labs .lab-featured .lab-card-inner{padding:12px;min-height:0}.labs .lab-window span{display:block;font-size:7px}.labs .lab-featured .lab-code{font-size:8px;padding:8px;margin-bottom:12px}.labs .lab-featured .lab-card-label{font-size:14px}.labs .lab-featured .lab-card-index{font-size:7px}.labs .lab-telemetry{gap:5px 9px;font-size:6px;margin-top:12px}.labs .lab-featured .lab-glyph{font-size:38px}.labs .lab-card{border-radius:6px}}
@media(prefers-reduced-motion:reduce){.labs button.lab-card:hover{transform:none}}