/* Scene composition, isolated to the local preview. */
.immersiveLab{--scene-x:0px;--scene-y:0px;background:#10131e;color:#f5e8df}
.immersiveLab .tissueDepth{background:radial-gradient(ellipse at 46% 35%,#67506645,transparent 54%),radial-gradient(ellipse at 80% 30%,#b37f6e16,transparent 70%),#10131e}
.immersiveLab .tissueDepth svg{opacity:1;overflow:visible}
.tissueFar{transform:translate(calc(var(--scene-x)*-.4),calc(var(--scene-y)*-.4))}.tissueMiddle{transform:translate(var(--scene-x),var(--scene-y))}.tissueNear{transform:translate(calc(var(--scene-x)*2),calc(var(--scene-y)*2))}
.immersiveLab .sceneBar{height:92px;padding:20px 30px;background:linear-gradient(#11131de8,transparent);gap:18px}.immersiveLab .sceneBar h1{font-size:29px}.immersiveLab .sceneBar>div>span{font-size:9px;letter-spacing:.17em}.immersiveLab .sceneBar nav{margin-left:auto;gap:3px;padding:5px;background:#10131c8c;border-radius:30px;box-shadow:inset 0 1px #f6d6c118,0 8px 25px #0002;backdrop-filter:blur(15px)}.immersiveLab .sceneBar button{font-size:13px;padding:10px 16px;cursor:pointer}.immersiveLab .sceneBar button[aria-pressed=true]{background:linear-gradient(#aa7c633e,#66506455);color:#ffe5c7;box-shadow:inset 0 1px #ffdfb83d,0 5px 14px #0003}.immersiveLab .sceneContext{display:none}
.sceneFocus{position:fixed;left:33px;top:112px;z-index:3;pointer-events:none}.sceneFocus h2{font:400 32px var(--serif);color:#f2d6cc;margin:7px 0}.sceneFocus p{font-size:12px;color:#bcacbb;margin:0}.sceneFocus .sceneKicker{font-size:9px;letter-spacing:.2em}
.immersiveLab .builderPreview,.immersiveLab.builderFocused .builderPreview,.immersiveLab.labActive .builderPreview{left:8%!important;top:182px!important;bottom:211px!important;width:65%!important;transition:width .35s,left .35s;z-index:4}
.immersiveLab #modeStructure .builderPreview #edDraw{inset:0 0 35px;overflow:visible!important}
.immersiveLab .canvasViewport{padding:20px 9% 12px;filter:drop-shadow(0 24px 18px #0009)}
.immersiveLab .canvasStamp{left:6px;top:-15px;font-size:18px;opacity:.8}.immersiveLab #editor .canvasStamp>span{font-size:8px!important}.immersiveLab .canvasTools{top:-6px;left:auto;right:0}.immersiveLab .canvasTools>summary{font-size:11px}.immersiveLab .moleculeCue{font-size:13px;left:10%;bottom:0;padding:4px 12px}.immersiveLab .mcSphere{stroke:#ffe5db77;stroke-width:.55;filter:drop-shadow(2px 5px 2px #000b)}.immersiveLab .mcBondRod{stroke:#bbaac6;stroke-width:5.5}.immersiveLab .sceneBondShine{opacity:.75}
.immersiveLab .scenePalette{top:auto;bottom:72px;left:30px;right:30px;width:auto;height:120px;padding:10px 18px;display:grid;grid-template-columns:128px 1fr;grid-template-rows:28px 1fr;gap:0 18px;border:0;border-radius:28px;background:linear-gradient(120deg,#342c3ce8,#171b29df);box-shadow:inset 0 1px #ffe0c22b,0 18px 45px #0005;backdrop-filter:blur(22px);mask-image:none;overflow:hidden}.immersiveLab .scenePalette>.sceneKicker{display:none}.immersiveLab .scenePalette h2{font-size:23px;margin:6px 0;grid-column:1}.immersiveLab .scenePalette>p{font-size:11px;line-height:1.5;margin:12px 0;grid-column:1;color:#cbb5c7}.immersiveLab .scenePalette #palette{grid-column:2;grid-row:1/3;display:flex;gap:9px;overflow-x:auto;margin:0;align-items:center;scrollbar-width:thin;scrollbar-color:#997f8e55 transparent}.immersiveLab .scenePalette .fcard{flex:0 0 83px;min-height:88px;padding:7px 8px;border-radius:19px;align-items:center;gap:0;background:radial-gradient(ellipse at 40% 0,#a0809655,#3c344b22);box-shadow:inset 0 1px #f4d5ea22,0 8px 16px #0002}.immersiveLab .scenePalette .fcard.on{background:linear-gradient(#bb8e7780,#6b496077);box-shadow:inset 0 1px #ffe4c6aa,0 0 20px #e5ae6f22}.immersiveLab .scenePalette .fcard svg{height:36px}.immersiveLab .scenePalette .fcard .nm{font-size:12px}.immersiveLab .scenePalette .fcard .tg{font-size:10px}
.immersiveLab .sceneDock{left:auto;right:30px;bottom:212px;width:255px;max-width:34%;z-index:12}.immersiveLab .sceneDock #apply:not(:empty),.immersiveLab .sceneDock #canvasInspector:not([hidden]){padding:15px 18px;background:#241e2de8;border:0;box-shadow:inset 0 1px #e2b6ba44,0 18px 45px #0005}.immersiveLab .sceneDock #apply p{font-size:12px}.immersiveLab .sceneDock #apply .fragWhat.gen,.immersiveLab .sceneDock #apply .src{display:none}.immersiveLab .sceneGhostLabel{top:16px;right:30px;font-size:12px}.immersiveLab .sceneFoot{min-height:65px;padding:10px 4px;gap:10px;inset:auto 30px 0}.immersiveLab .sceneFoot #sceneDelta{font-size:12px;max-width:42%}.immersiveLab .sceneFoot>span{max-width:200px;font-size:9px}.immersiveLab .sceneFoot button{font-size:11px;padding:8px 11px;cursor:pointer}
.tissueMarker{position:fixed;z-index:5;background:#1819278c;border:0;border-radius:24px;padding:10px 15px;color:#e8c6bd;box-shadow:inset 0 1px #ffd6b622;font:12px var(--sans);cursor:pointer;backdrop-filter:blur(10px)}.tissueMarker i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ebbe9c;margin-right:9px;box-shadow:0 0 12px #eeb992}.vesselMarker{left:27px;top:47%}.cellMarker{right:7%;top:28%}.tissueMarker:hover{background:#76566c88}.sceneClose{position:fixed;right:30px;top:92px;z-index:30;border:0;background:#eec7a8;color:#382934;border-radius:25px;padding:10px 17px;cursor:pointer;font:500 12px var(--sans)}.sceneClose[hidden],.sceneEnvironmentDrawer[hidden]{display:none!important}
.sceneEnvironmentDrawer{position:fixed;top:140px;right:24px;bottom:76px;width:min(54%,760px);z-index:16;overflow:auto;border-radius:25px;background:#f6f0e9f5;color:#302b36;box-shadow:0 20px 70px #0006;backdrop-filter:blur(25px);padding:20px;color-scheme:light;--ink:#28232e;--muted:#655c68;--mute:#655c68;--faint:#746a79;--panel:#f8f4ed;--surface:#f8f4ed;--paper:#f4eee7;--bg:#f4eee7;--rule:#d8cdd3;--teal:#6d4c72;--cool:#6d4c72;--violet:#6d4c72}
.sceneEnvironmentDrawer .builderEnvironment{display:block!important;position:static!important;border:0!important;max-height:none!important;background:none!important;padding:0!important}.sceneEnvironmentDrawer h3{font:26px var(--serif)}.sceneEnvironmentDrawer .envScene{width:100%}.sceneEnvironmentDrawer button{cursor:pointer}.sceneEnvironmentDrawer .envDesignTitle{margin-top:15px}
.immersiveLab.sceneEvidence .builderStage{inset:140px 24px 76px auto!important;width:60%;border-radius:25px;padding:20px!important;box-shadow:0 20px 70px #0006}.immersiveLab.sceneEvidence .builderPreview,.immersiveLab.sceneEnvironmentOpen .builderPreview{opacity:1;left:-4%!important;width:43%!important;bottom:140px!important;pointer-events:none}.immersiveLab.sceneEvidence .scenePalette,.immersiveLab.sceneEnvironmentOpen .scenePalette,.immersiveLab.sceneEnvironmentOpen .sceneDock,.immersiveLab.sceneEvidence .sceneMarkers,.immersiveLab.sceneEnvironmentOpen .sceneMarkers{display:none}.immersiveLab.sceneEvidence .sceneFocus,.immersiveLab.sceneEnvironmentOpen .sceneFocus{max-width:35%}.immersiveLab.sceneEvidence .sceneFocus h2,.immersiveLab.sceneEnvironmentOpen .sceneFocus h2{font-size:24px}.immersiveLab.sceneEvidence .canvasTools,.immersiveLab.sceneEnvironmentOpen .canvasTools,.immersiveLab.sceneEvidence .moleculeCue,.immersiveLab.sceneEnvironmentOpen .moleculeCue{display:none}.immersiveLab.sceneEvidence .builderInstruction{display:none}.immersiveLab.sceneEvidence .sceneFoot #sceneDelta,.immersiveLab.sceneEnvironmentOpen .sceneFoot #sceneDelta{max-width:65%}
.immersiveLab button:focus-visible,.immersiveLab summary:focus-visible{outline:2px solid #f6bd84;outline-offset:4px}
@media(min-width:1200px){.immersiveLab .builderPreview,.immersiveLab.builderFocused .builderPreview{left:12%!important;width:60%!important}.immersiveLab .scenePalette{left:10%;right:10%}.sceneFocus{left:44px;top:125px}.sceneFocus h2{font-size:38px}.immersiveLab .sceneBar h1{font-size:34px}}
@media(max-width:650px){.immersiveLab .sceneBar{height:110px;padding:14px 16px;align-items:flex-start;flex-wrap:wrap;gap:6px}.immersiveLab .sceneBar h1{font-size:23px;margin:2px 0}.immersiveLab .sceneBar>div>span{font-size:7px}.immersiveLab .sceneBar nav{margin:0;width:100%;justify-content:center;padding:2px}.immersiveLab .sceneBar button{padding:7px 14px;font-size:12px}.sceneFocus{left:18px;top:123px}.sceneFocus h2{font-size:23px;margin:5px 0}.sceneFocus p{display:none}.sceneFocus .sceneKicker{font-size:8px}.immersiveLab .builderPreview,.immersiveLab.builderFocused .builderPreview,.immersiveLab.labActive .builderPreview{top:210px!important;bottom:228px!important;left:0!important;width:100%!important}.immersiveLab .canvasViewport{padding:15px 13%}.immersiveLab .canvasStamp{left:18px;font-size:16px;top:-22px}.immersiveLab .canvasTools{right:18px;top:-25px}.immersiveLab .moleculeCue{left:0;font-size:11px}.immersiveLab .scenePalette{left:12px;right:12px;bottom:107px;height:106px;display:block;padding:8px 10px}.immersiveLab .scenePalette h2,.immersiveLab .scenePalette>p{display:none}.immersiveLab .scenePalette #palette{height:90px}.immersiveLab .scenePalette .fcard{flex-basis:74px;min-width:74px;min-height:82px}.immersiveLab .sceneFoot{inset:auto 14px 0;min-height:98px;gap:5px;align-content:center}.immersiveLab .sceneFoot #sceneDelta{max-width:100%;width:100%;font-size:11px}.immersiveLab .sceneFoot>span{max-width:none;width:100%;font-size:9px}.immersiveLab .sceneFoot button{padding:5px 9px}.tissueMarker{padding:8px 10px;font-size:10px}.vesselMarker{left:12px;top:53%}.cellMarker{right:12px;top:25%}.immersiveLab .sceneDock{right:12px;bottom:220px;width:245px;max-width:calc(100% - 24px)}.immersiveLab .sceneDock #canvasInspector p{font-size:11px}.sceneClose{top:119px;right:12px;padding:8px 12px;font-size:11px}.sceneEnvironmentDrawer,.immersiveLab.sceneEvidence .builderStage{top:165px!important;bottom:106px!important;left:12px!important;right:12px!important;width:auto!important;padding:15px!important}.immersiveLab.sceneEvidence .builderPreview,.immersiveLab.sceneEnvironmentOpen .builderPreview{opacity:.12}.immersiveLab.sceneEvidence .sceneFocus,.immersiveLab.sceneEnvironmentOpen .sceneFocus{display:none}}
@media(prefers-reduced-motion:reduce){.immersiveLab .builderPreview{transition:none!important}.tissueFar,.tissueMiddle,.tissueNear{transform:none!important}}
.immersiveLab .canvasStamp{display:none!important}
.immersiveLab .builderPreview,.immersiveLab.builderFocused .builderPreview{top:175px!important;bottom:200px!important}
.immersiveLab #modeStructure .builderPreview #edDraw{bottom:12px}.immersiveLab .canvasViewport{padding:0 5% 0}.immersiveLab #edDraw .mcStructure{transform:scale(1.12)}
.immersiveLab .sceneFocus p{display:none}.immersiveLab .scenePalette>p{display:none}.immersiveLab .scenePalette .chargeKey{grid-column:1;grid-row:2;margin:8px 0 0;align-self:start;font-size:10px}.immersiveLab .scenePalette .chargeKey summary{font-size:10px;line-height:1.4}.immersiveLab .scenePalette:has(.chargeKey[open]){overflow:visible}.immersiveLab .scenePalette .chargeKey[open]{position:absolute;left:0;bottom:0;width:285px;background:#292334;padding:16px 20px;border-radius:22px;box-shadow:0 14px 40px #0009;z-index:30}.immersiveLab .scenePalette .fcard{height:92px;min-height:92px;max-height:92px;justify-content:center}.immersiveLab .scenePalette .fcard svg{height:30px;flex-shrink:0}.immersiveLab .scenePalette .fcard .tg,.immersiveLab .scenePalette .blockSize{display:none}.immersiveLab .scenePalette .blockCharge{font-size:10px;margin-top:4px}
.sceneEnvironmentDrawer{width:40%;background:linear-gradient(145deg,#302637ed,#1b1b2bef);color:#f0dce5;padding:20px;box-shadow:inset 0 1px #e9c0b33b,0 20px 70px #0006;color-scheme:dark}
.sceneEnvironmentDrawer .sceneRouteMap,.sceneEnvironmentDrawer .sceneRouteInsight{display:block;position:static;width:auto;height:auto;max-height:none;padding:0;border:0;background:none;overflow:visible}.sceneEnvironmentDrawer .sceneRouteMap{margin:0 0 25px}.sceneEnvironmentDrawer .routeMapCaption{display:block}.sceneEnvironmentDrawer .routeMapCaption small{display:block;margin-top:5px}.sceneEnvironmentDrawer .routeStations button{font-size:10px;min-width:0;overflow-wrap:anywhere}.sceneEnvironmentDrawer .stationOrb{width:30px;height:30px;font-size:10px}.sceneEnvironmentDrawer .routeStations:before{top:15px}.sceneEnvironmentDrawer .stopGlyph{display:none}.sceneEnvironmentDrawer .sceneRouteChoices{margin:14px 0 24px}.sceneEnvironmentDrawer .sceneRouteInsight .stopFinding{font-size:14px;line-height:1.6}.sceneEnvironmentDrawer .sceneRouteInsight h2{font-size:30px}.sceneEnvironmentDrawer .stopEvidence{border-top:1px solid #c9abb329;margin-top:20px}.sceneEnvironmentDrawer .sceneRouteInsight summary{padding:12px 0}.sceneEnvironmentDrawer .sceneRouteInsight .stopTest{margin:18px 0 8px;font-size:13px;padding:13px}
.immersiveLab.sceneEnvironmentOpen .builderPreview{left:0!important;width:58%!important;bottom:140px!important}.immersiveLab.sceneEnvironmentOpen .sceneFocus{max-width:50%}
@media(max-width:650px){.immersiveLab .builderPreview,.immersiveLab.builderFocused .builderPreview{top:205px!important;bottom:227px!important}.immersiveLab .canvasViewport{padding:0 14%}.immersiveLab .scenePalette .fcard{height:82px;min-height:82px;max-height:82px}.immersiveLab .scenePalette .chargeKey{display:none}.sceneEnvironmentDrawer .sceneRouteInsight{display:block}.sceneEnvironmentDrawer .sceneRouteInsight .stopFinding{font-size:13px}.sceneEnvironmentDrawer .sceneRouteChoices{margin:10px 0 16px}.sceneEnvironmentDrawer .sceneRouteMap{margin-bottom:18px}.sceneEnvironmentDrawer .sceneRouteInsight h2{font-size:25px}.immersiveLab.sceneEnvironmentOpen .builderPreview{width:100%!important}}
.immersiveLab.sceneEvidence .builderPreview{left:0!important;width:37%!important}.immersiveLab.sceneEvidence #edDraw .mcStructure,.immersiveLab.sceneEnvironmentOpen #edDraw .mcStructure{transform:scale(.86)}
.immersiveLab>.chargeKey{left:auto!important;right:30px!important;bottom:205px!important}
.immersiveLab .scenePalette .fcard .nm{font-size:12px!important}.immersiveLab .scenePalette .blockCharge{font-size:10px!important}
@media(max-width:650px){.immersiveLab>.chargeKey{right:14px!important;top:250px!important;bottom:auto!important}.immersiveLab.sceneEvidence .builderPreview{width:100%!important}.immersiveLab .sceneDock{max-height:250px;overflow:auto}.immersiveLab .tissueMiddle{opacity:.66}}