.lab-workspace{--lab-accent:#7056a5;--lab-tint:#eee7f4;position:fixed;inset:0;overflow-y:auto;display:flex;flex-direction:column;background:var(--paper,#f8f3e9);color:var(--ink,#26251f);z-index:20;padding:0 28px 20px;isolation:isolate}.lab-workspace[data-tier=middle]{--lab-accent:#426fa1;--lab-tint:#e6edf4}.lab-workspace[data-tier=high]{--lab-accent:#24684f;--lab-tint:#e3eee5}.lab-workspace[data-tier=college]{--lab-accent:#92465d;--lab-tint:#f0e4e7}.lab-workspace[data-tier=topics]{--lab-accent:#ab7927;--lab-tint:#f4ebd6}.lab-workspace-nav{display:flex;align-items:center;gap:20px;min-height:66px;flex:none;border-bottom:1px solid var(--line,#ded8c9)}.lab-workspace-brand{font:650 29px/1 var(--display,Georgia);letter-spacing:-1px;color:var(--ink);text-decoration:none}.lab-workspace-brand span{color:var(--gold,#c29537)}.lab-workspace-divider{height:22px;width:1px;background:var(--line)}.lab-workspace-back{font-size:13px;font-weight:650;color:var(--pine,#17604b);text-decoration:none}.lab-workspace-level{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--lab-accent) 25%,transparent);background:var(--lab-tint);color:var(--lab-accent);padding:7px 12px;border-radius:999px;font:650 11px/1 var(--mono,monospace)}.lab-workspace-level i{width:6px;height:6px;border-radius:50%;background:currentColor}.lab-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 18px;flex:none}.lab-workspace-kicker{font:600 9px/1.5 var(--mono,monospace);letter-spacing:1.8px;color:var(--lab-accent);margin:0 0 5px}.lab-workspace-heading h1{font:600 clamp(21px,2.3vw,33px)/1.15 var(--display,Georgia);letter-spacing:-.6px;margin:0;max-width:1000px}.lab-workspace-actions{display:flex;gap:7px;flex:none}.lab-guide-heading button,.lab-workspace-actions button{cursor:pointer;border:1px solid var(--line,#ded8c9);color:var(--pine,#17604b);background:var(--paper-2,#fffdf7);border-radius:9px;min-height:38px;padding:8px 12px;font:650 12px var(--body,system-ui);white-space:nowrap}.lab-workspace-actions button.is-active{background:var(--pine,#17604b);color:var(--paper);border-color:var(--pine)}.lab-workspace-actions button:hover{border-color:var(--pine)}.lab-workspace :is(button,a,summary):focus-visible{outline:3px solid var(--gold,#c29537);outline-offset:3px}.lab-workspace-content{display:flex;position:relative;gap:20px;min-height:640px;flex:1 0 640px}.lab-workspace-instrument{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101c16;box-shadow:0 8px 24px #263a2b0a}.lab-workspace-canvas{flex:1 1;min-height:0;position:relative}.lab-workspace-canvas iframe{width:100%;height:100%;border:0;display:block;position:absolute;inset:0;color-scheme:dark}.lab-workspace-loading{display:grid;place-items:center;position:absolute;inset:0;color:#f4efe2;background:#101c16;font:500 14px var(--body,system-ui)}.lab-workspace-caption{flex:none;min-height:50px;padding:12px 18px;display:flex;align-items:center;gap:12px;background:var(--paper-2,#fffdf7);border-top:1px solid var(--line)}.lab-workspace-caption-mark{font-size:17px}.lab-workspace-caption p{margin:0;color:var(--ink-2,#655f50);font-size:13px;line-height:1.5}.lab-workspace-guide{width:310px;flex:none;overflow:auto;background:var(--paper-2,#fffdf7);border:1px solid var(--line);border-radius:16px;padding:22px}.lab-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-guide-heading button{font-size:23px;line-height:1;padding:4px 10px;min-height:34px}.lab-workspace-guide h2{font:600 26px/1.15 var(--display,Georgia);margin:14px 0 12px;letter-spacing:-.5px}.lab-guide-intro{font-size:14px;line-height:1.6;color:var(--ink-2)}.lab-guide-challenges h3{font:650 11px var(--mono,monospace);text-transform:uppercase;letter-spacing:1px;margin:26px 0 16px}.lab-guide-challenge{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.lab-guide-number{font:600 11px var(--mono);color:var(--lab-accent);padding-top:2px}.lab-guide-challenge p,.lab-guide-takeaway p{font-size:13px;line-height:1.6;margin:0 0 9px}.lab-workspace-guide summary{color:var(--pine);font-size:12px;font-weight:650;cursor:pointer}.lab-workspace-guide details p{margin-top:10px;color:var(--ink-2)}.lab-guide-takeaway{border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.lab-guide-lesson{display:block;margin-top:28px;font-size:13px;font-weight:650;color:var(--pine)}.lab-workspace-missing{max-width:720px;margin:80px auto;padding:24px}.lab-workspace-missing h1{font:600 40px var(--display,Georgia)}@media(max-width:900px){.lab-workspace{padding:0 14px 14px}.lab-workspace-nav{min-height:58px;gap:12px}.lab-workspace-brand{font-size:25px}.lab-workspace-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 0}.lab-workspace-heading h1{font-size:24px}.lab-workspace-actions{width:100%;gap:8px}.lab-workspace-actions button{min-height:40px}.lab-workspace-actions button:last-child{margin-left:auto}.lab-workspace-guide{position:absolute;right:0;top:0;bottom:0;width:min(340px,100%);z-index:3;box-shadow:-10px 0 32px #13251b30}.lab-workspace-caption{padding:10px 12px;gap:9px}.lab-workspace-caption p{font-size:12px}.lab-workspace-level{padding:7px 9px;font-size:10px}}@media(max-width:600px){.lab-workspace{position:relative;min-height:100svh;height:auto;padding:0 12px 12px}.lab-workspace-content{min-height:660px;height:calc(100svh - 188px);flex:none}.lab-workspace-heading h1{font-size:23px}.lab-workspace-nav{gap:10px}.lab-workspace-back{font-size:12px}.lab-workspace-divider{height:18px}.lab-workspace-level{margin-left:auto}.lab-workspace-kicker{font-size:8px}.lab-workspace:-webkit-full-screen{overflow:auto}.lab-workspace:fullscreen{overflow:auto}.lab-workspace:-webkit-full-screen .lab-workspace-content{min-height:660px}.lab-workspace:fullscreen .lab-workspace-content{min-height:660px}}@media(prefers-reduced-motion:reduce){.lab-workspace *{scroll-behavior:auto!important}}.lab-workspace{--lab-accent:#7050b5;--lab-tint:#eee7fa;--lab-paper:#fff9ef;--lab-surface:#fffdf8;--lab-ink:#302640;--lab-radius:24px;--ink:var(--lab-ink);--ink-2:color-mix(in srgb,var(--lab-ink) 79%,var(--lab-paper));--paper:var(--lab-paper);--paper-2:var(--lab-surface);--line:color-mix(in srgb,var(--lab-accent) 16%,var(--lab-paper));background:var(--lab-paper);color:var(--lab-ink)}.lab-workspace:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 2% 0,#eee7fa80,transparent 46%),radial-gradient(ellipse at 100% 16%,#f9edcc80,transparent 35%)}.lab-workspace[data-tier=middle]{--lab-accent:#2866ae;--lab-tint:#e5eff9;--lab-paper:#f6f9fc;--lab-surface:#fcfdff;--lab-ink:#20364a;--lab-radius:18px}.lab-workspace[data-tier=middle]:before{background:linear-gradient(#2866ae06 1px,transparent 0),linear-gradient(90deg,#2866ae06 1px,transparent 0);background-size:28px 28px}.lab-workspace[data-tier=high]{--lab-accent:#18624d;--lab-tint:#e0eee7;--lab-paper:#f5f7ef;--lab-surface:#fdfef9;--lab-ink:#203a30;--lab-radius:12px}.lab-workspace[data-tier=high]:before{background:linear-gradient(150deg,#e0eee750,transparent 45%)}.lab-workspace[data-tier=college]{--lab-accent:#963a56;--lab-tint:#f3e5e8;--lab-paper:#faf6ef;--lab-surface:#fffdf9;--lab-ink:#332b2a;--lab-radius:5px}.lab-workspace[data-tier=college]:before{background:linear-gradient(90deg,#963a5605,transparent 40%)}.lab-workspace[data-tier=topics]{--lab-accent:#a66b12;--lab-tint:#f4e8c9;--lab-paper:#fbf6e8;--lab-surface:#fffaf0;--lab-ink:#3c3422;--lab-radius:10px}.lab-workspace[data-tier=topics]:before{background:radial-gradient(#a66b1218 .7px,transparent .8px);background-size:16px 16px}.lab-guide-lesson,.lab-workspace-actions button,.lab-workspace-back,.lab-workspace-guide summary{color:var(--lab-accent)}.lab-workspace-nav{border-bottom-color:color-mix(in srgb,var(--lab-accent) 18%,var(--lab-paper))}.lab-workspace-heading h1{color:var(--lab-ink)}.lab-workspace-actions button{border-color:color-mix(in srgb,var(--lab-accent) 24%,var(--lab-paper));background:var(--lab-surface);min-height:42px}.lab-workspace-actions button:hover{border-color:var(--lab-accent);background:var(--lab-tint)}.lab-workspace-actions button.is-active{color:var(--lab-surface);background:var(--lab-accent);border-color:var(--lab-accent)}.lab-workspace :is(button,a,summary):focus-visible{outline-color:var(--lab-accent)}.lab-workspace-guide,.lab-workspace-instrument{border-radius:var(--lab-radius);border-color:color-mix(in srgb,var(--lab-accent) 24%,var(--lab-paper))}.lab-workspace-instrument{box-shadow:0 10px 32px color-mix(in srgb,var(--lab-accent) 8%,transparent)}.lab-workspace-caption{background:var(--lab-surface);border-top-color:var(--line)}.lab-workspace-caption-mark{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:var(--lab-tint);color:var(--lab-accent);font-size:15px}.lab-workspace-guide{background:var(--lab-surface)}.lab-guide-number{display:grid;place-items:center;align-self:flex-start;flex:none;width:26px;height:26px;background:var(--lab-tint);border-radius:7px;padding:0}.lab-guide-heading button{color:var(--lab-accent)}.lab-workspace[data-tier=primary] .lab-workspace-heading h1{font-weight:650;letter-spacing:-.5px;font-size:clamp(25px,2.5vw,36px)}.lab-workspace[data-tier=primary] .lab-workspace-kicker{font-family:var(--body);font-size:10px;letter-spacing:1.1px}.lab-workspace[data-tier=primary] .lab-workspace-actions button{border-radius:14px;padding:10px 14px}.lab-workspace[data-tier=primary] .lab-workspace-instrument{border:3px solid var(--lab-tint)}.lab-workspace[data-tier=primary] .lab-workspace-caption{padding-top:15px;padding-bottom:15px}.lab-workspace[data-tier=primary] .lab-workspace-guide h2{font-size:28px}.lab-workspace[data-tier=primary] .lab-guide-challenge p{font-size:14px}.lab-workspace[data-tier=college] .lab-workspace-heading{border-top:2px solid var(--lab-accent);margin-top:14px;padding:15px 0 17px}.lab-workspace[data-tier=college] .lab-workspace-heading h1{font-weight:500;letter-spacing:-.8px}.lab-workspace[data-tier=college] .lab-workspace-actions button{border-radius:5px}.lab-workspace[data-tier=college] .lab-guide-number{background:none;border-radius:0;border-bottom:1px solid var(--lab-accent)}.lab-workspace[data-tier=topics] .lab-workspace-caption{border-left:3px solid var(--lab-accent)}.lab-workspace[data-tier=topics] .lab-workspace-guide{background:repeating-linear-gradient(transparent 0 27px,#a66b1207 28px 29px),var(--lab-surface)}@media(max-width:600px){.lab-workspace[data-tier=primary] .lab-workspace-heading h1{font-size:25px}.lab-workspace[data-tier=primary] .lab-workspace-actions button{padding:9px 11px}.lab-workspace[data-tier=college] .lab-workspace-heading{margin-top:10px}.lab-workspace[data-tier=primary] .lab-workspace-caption{padding-top:12px;padding-bottom:12px}.lab-workspace[data-tier=primary] .lab-workspace-kicker{font-size:8px;letter-spacing:.9px}.lab-workspace-heading{gap:12px}.lab-workspace-kicker{overflow-wrap:anywhere}.lab-workspace-guide{max-width:100%}}@media(max-width:340px){.lab-workspace-nav{gap:8px}.lab-workspace-level{padding:7px 8px}.lab-workspace-actions{gap:5px}.lab-workspace-actions button{padding:8px 9px}.lab-workspace[data-tier=primary] .lab-workspace-actions button{padding:9px}.lab-workspace-heading h1{overflow-wrap:anywhere}.lab-workspace-guide{padding:18px}}.lab-guide-heading button,.lab-workspace-actions button{min-height:44px}.lab-guide-heading button{min-width:44px}.lab-workspace-back,.lab-workspace-brand{display:inline-flex;align-items:center;min-height:44px}.lab-workspace-guide summary{min-height:44px;padding:11px 0;box-sizing:border-box}.lab-guide-lesson{min-height:44px;display:flex;align-items:center}