.lab-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:25px;align-items:start}.lab-directory{position:sticky;top:96px;border-top:2px solid var(--green);background:#eee7d8}.directory-heading{display:flex;justify-content:space-between;padding:14px 15px 11px;font-size:14px;color:var(--green)}.directory-heading span{font:11px/2 var(--mono);color:var(--muted)}.lab-choice{display:flex;gap:10px;align-items:center;padding:13px 13px;border-top:1px solid var(--line);transition:background .18s,color .18s}.choice-number{font:11px var(--mono);color:var(--rust);flex-shrink:0}.lab-choice strong{display:block;font-size:13px;font-weight:500}.lab-choice small{display:block;font-size:10px;color:var(--muted);line-height:1.65;margin-top:3px}.choice-arrow{margin-left:auto;font-size:13px;color:var(--rust)}.lab-choice:hover,.lab-choice[aria-current=true]{background:var(--green);color:var(--paper)}.lab-choice:hover .choice-arrow,.lab-choice:hover .choice-number,.lab-choice[aria-current=true] .choice-arrow,.lab-choice[aria-current=true] .choice-number{color:var(--lime)}.lab-choice:hover small,.lab-choice[aria-current=true] small{color:#c4cdbb}.directory-note{border-top:1px solid var(--line);padding:15px;font-size:11px;color:var(--muted)}.lab-panel{min-width:0}.lab-picker{display:none}.lab-workbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;min-height:40px}.lab-workbar>p{font-size:12px;color:var(--muted)}.lab-workbar .btn{font-size:12px;padding:7px 11px}.lab-workspace{min-width:0}.lab-workspace .experiment{margin-bottom:0}.lab-workspace .experiment[hidden]{display:none!important}.lab-workspace .exp-head{align-items:start;padding:22px}.lab-workspace .exp-head h3{font-size:25px;line-height:1.55}.lab-workspace .tag{white-space:normal;min-width:90px;text-align:center}.lab-workspace .exp-main{grid-template-columns:minmax(0,1.25fr) minmax(245px,1fr)}.lab-workspace .controls{padding:22px}.lab-workspace .stage{padding:12px}.lab-workspace .exp-foot{padding:22px;grid-template-columns:1fr}.lab-workspace .exp-foot>.question{margin-top:12px}.lab-workspace .readout{overflow-wrap:anywhere}.seed-control input{display:block;width:100%;min-height:42px;margin-top:8px;border:1px solid var(--line);background:var(--paper);padding:8px 10px;color:var(--ink);font:14px var(--mono)}.seed-control small{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:6px}.btn:disabled{opacity:.42;cursor:default}::view-transition-old(math-lab-workbench){animation:lab-fade-out .16s ease both}::view-transition-new(math-lab-workbench){animation:lab-fade-in .24s ease both}@keyframes lab-fade-out{to{opacity:0}}@keyframes lab-fade-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.lab-layout{grid-template-columns:252px minmax(0,1fr);gap:30px}}@media(max-width:1150px){.lab-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.lab-workspace .exp-main{grid-template-columns:1fr}.lab-workspace .stage{border-right:0;border-bottom:1px solid var(--line)}.lab-workspace .stage svg{max-height:330px}.lab-choice{padding:11px}.lab-workspace .controls{padding:20px}}@media(max-width:760px){.lab-layout{display:block}.lab-directory{display:none}.lab-picker{display:block;background:#ece5d6;border-top:2px solid var(--green);padding:15px;margin-bottom:15px;font-size:12px;color:var(--green)}.lab-picker>span{display:block;margin-bottom:7px}.lab-picker select{display:block;width:100%;min-height:44px;padding:8px 10px;background:var(--card);border:1px solid #c5c8b6;color:var(--ink);font-size:14px}.lab-workbar{flex-wrap:wrap;gap:9px;margin-bottom:12px}.lab-workbar .button-row{margin-left:auto}.lab-workbar>p{font-size:11px}.lab-workbar .btn{min-height:40px}.lab-workspace .exp-head{padding:18px;flex-wrap:wrap;gap:10px}.lab-workspace .exp-head h3{font-size:23px}.lab-workspace .tag{font-size:11px;padding:3px 8px;text-align:left;min-width:0}.lab-workspace .controls,.lab-workspace .exp-foot{padding:18px}.lab-workspace .stage{padding:8px}.lab-workspace .stage svg{max-height:none}.lab-workspace .control select{min-height:44px}.lab-workspace .btn{min-height:42px}.lab-workspace .control input[type=range]{min-height:26px}}@media(prefers-reduced-motion:reduce){::view-transition-new(math-lab-workbench),::view-transition-old(math-lab-workbench){animation:none}}