:root{--lab-lime:#d6ff54}body{background:#101a19;color:#eef1df}button,input,select{font:inherit}.lab-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1600px;margin:auto;padding:23px 36px;border-bottom:1px solid #34483b}.lab-brand{display:flex;align-items:center;font-size:44px;font-weight:900;font-style:italic;gap:1px;color:var(--lab-lime);text-decoration:none}.lab-brand>span{font-size:22px;align-self:flex-start}.lab-brand b{font-size:21px;letter-spacing:2px;font-style:normal;color:#edf1df;margin-left:12px}.lab-brand small{display:block;font-size:7px;letter-spacing:3px;margin-top:4px}.lab-header nav{display:flex;gap:24px;font-size:11px}.lab-header a{color:inherit}.lab-header nav a[aria-current]{color:var(--lab-lime)}.lab-main{max-width:1600px;margin:auto;padding:26px 36px}.lab-intro{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:25px}.lab-intro h1{font-size:43px;line-height:1.05;letter-spacing:-1.5px;margin:0}.lab-intro h1 em{font-style:normal;color:var(--lab-lime)}.lab-intro>p{color:#a6b7a7;font-size:13px;line-height:1.7}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#afc4a9}.project-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#1b2a22;border:1px solid #3d503c;border-radius:7px;margin-bottom:18px}.project-bar label{display:flex;align-items:center;gap:10px;font-size:11px}.project-bar select{max-width:230px}.project-bar #configuration{font-size:10px;color:var(--lab-lime)}.project-bar #save-state{font-size:9px;color:#adbea7;margin-left:auto}.import-label{cursor:pointer}.import-label input{display:none}.learning-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}.editor-panel,.observation{min-width:0;background:#15231e;border:1px solid #3d503c;border-radius:7px;overflow:hidden}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#1b2c23}.editor-head h2{font-size:17px;margin:4px 0}.editor-head>div{margin-right:auto}#code-editor{height:530px;min-width:0}.editor-panel .step-controls{padding:14px;display:block}.step-controls b{font-size:12px}.step-controls p{font-size:10px;color:#afbea8}.step-actions{display:flex;gap:8px;margin-top:12px}.editor-panel .console{margin:0;padding:15px;font-size:11px;min-height:90px;max-height:160px;white-space:pre-wrap;overflow:auto;border-radius:0}.lab-pitch-head,.lab-score{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}.lab-pitch-head{border-bottom:1px solid #34483b}.lab-pitch-head .eyebrow{margin:0}.lab-pitch-head button{border:0;border-radius:4px;padding:6px 10px;background:none;color:#bbceaf;cursor:pointer}.lab-pitch-head button[aria-pressed=true]{background:var(--lab-lime);color:#14251a}.lab-score{font-size:11px}.lab-score b{display:flex;gap:20px;align-items:center}.lab-score b span{font-size:22px;color:var(--lab-lime)}#lab-tick{color:#a7ba9e;font-size:9px}#lab-pitch{display:block;width:100%;height:340px}#view-status{font-size:10px;color:#ffc36c}.lab-run-options{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:14px}.lab-run-options label{font-size:9px;display:grid;gap:5px}.field-note{padding:0 16px;font-size:11px;line-height:1.6;color:#b1c0aa}.sensor-panel{padding:16px;border-top:1px solid #34483b}.sensor-panel>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.sensor-panel h3{font-size:13px;margin:0}.sensor-panel label{font-size:10px}.sensor-panel dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.sensor-panel dl div{background:#213226;padding:9px;border-radius:3px}.sensor-panel dt{font-size:8px;color:#a7bb9f}.sensor-panel dd{font-family:Consolas,monospace;margin:5px 0 0;font-size:13px}.sensor-panel pre{font-size:10px;white-space:pre-wrap;word-break:break-word;color:#bfd6b3;max-height:110px;overflow:auto}.lesson-panel{margin-top:24px;padding:24px;border:1px solid #3d503c;border-radius:7px;display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#1b2a22}.lesson-panel h2{font-size:25px;line-height:1.25;margin:8px 0}.lesson-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-self:start}.lesson-tabs button{padding:10px;background:#263d2c;color:#dce6ce;border:1px solid #4e6547;border-radius:3px;text-align:left;font-size:11px;cursor:pointer}.lesson-tabs button[aria-pressed=true]{color:#1b3023;background:var(--lab-lime)}#lesson{grid-column:1/-1;color:#c1d1b5;font-size:13px;line-height:1.7}#lesson strong{color:#effbdc}#lesson code{background:#0f1d16;padding:2px 5px;color:#d6ff54}.local-note{font-size:10px;color:#9ab18f;line-height:1.8;margin-top:22px}.local-note a{color:#d6ff54}select,input{color:#edf5df;background:#26392b;border:1px solid #59704e;border-radius:4px;padding:8px;font-size:11px}.btn.lime{background:#d6ff54;color:#172819;border-color:#d6ff54}.btn.light{background:#263a2c;color:#dce9ce;border-color:#526c46}#new-dialog{background:#1a2c21;color:#f2f6e6;border:1px solid #56704b;border-radius:8px;width:min(520px,calc(100% - 24px));padding:26px}#new-dialog::backdrop{background:#03100ccc;backdrop-filter:blur(4px)}#new-dialog h2{margin:5px 0 20px}#new-dialog label{display:grid;gap:8px;margin:10px 0;font-size:12px}#new-dialog fieldset{border:0;padding:8px 0}#new-dialog legend{font-size:12px}#paradigms{display:grid;grid-template-columns:1fr 1fr;gap:10px}#paradigms label{display:flex;align-items:center;gap:8px;background:#2b4030;padding:12px;margin:0}#new-dialog p{font-size:11px;line-height:1.6;color:#b8c9ac}#new-dialog form>div:last-child{display:flex;justify-content:flex-end;gap:10px}.editor-panel.editor-expanded #code-editor{height:100%}.editor-panel .blocks-editor,.editor-panel .diagram-editor{background:#111d1a}.blocks-toolbar,.diagram-toolbar{flex-wrap:wrap}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #d6ff54;outline-offset:3px}
@media(max-width:1000px){.lab-main{padding:22px 18px}.lab-header{padding:18px}.learning-grid{grid-template-columns:1fr}.lab-intro h1{font-size:35px}#code-editor{height:480px}.lab-header nav{gap:12px;font-size:9px}.project-bar #save-state{margin-left:0}.observation{display:block}#lab-pitch{height:380px}}@media(max-width:500px){.lab-header{align-items:start}.lab-brand{font-size:30px}.lab-brand b{font-size:14px}.lab-brand small{font-size:5px}.lab-header nav{flex-direction:column;font-size:8px;gap:8px}.lab-intro>p{display:none}.lab-intro h1{font-size:32px}.project-bar{padding:12px;gap:9px}.project-bar select{max-width:185px}.project-bar .btn{font-size:9px}.learning-grid{gap:14px}.editor-head{padding:12px;flex-wrap:wrap}.editor-head h2{font-size:14px}#code-editor{height:440px}.lesson-panel{grid-template-columns:1fr;padding:17px}.lesson-panel h2{font-size:21px}#lab-pitch{height:280px}.lab-run-options .btn{width:100%}.sensor-panel{padding:12px}.sensor-panel dl{gap:6px}#paradigms{gap:6px}.step-actions .btn{padding:10px;font-size:11px}.lab-pitch-head{padding:10px}.lab-pitch-head .eyebrow{font-size:7px}}