:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#243349;background:#eef1f5;font-size:16px}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer;border:1px solid #ccd3dd;border-radius:6px;background:white;color:#243349;padding:9px 12px}button:hover{border-color:#b08220;background:#fff7e5}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d39218;outline-offset:2px}header{min-height:94px;background:#152236;color:white;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;font-weight:800;font-size:22px;letter-spacing:1px;gap:13px}.light{font-weight:300}.mark{display:grid;place-items:center;width:42px;height:45px;border:1px solid #f2bf51;color:#f2bf51;font-size:38px}.brand small{display:block;font-size:11px;letter-spacing:2px;margin-top:5px;color:#a9b7c9}.top{display:flex;gap:8px;flex-wrap:wrap}.primary{background:#f3be4b;border-color:#f3be4b;font-weight:700}main{display:grid;grid-template-columns:205px minmax(450px,1fr) 300px;min-height:calc(100vh - 94px)}aside{padding:23px 18px;background:#fff}.library{border-right:1px solid #d6dde6}h2{font-size:17px;margin:0 0 10px}p{font-size:14px;line-height:1.6;color:#647184}#catalog{display:grid;gap:7px;margin-top:20px}#catalog button{text-align:left;display:flex;align-items:center;gap:12px;font-size:14px;border-color:transparent;background:#f2f4f7}#catalog button span{font-size:23px;width:27px;color:#536c88}.help{border-top:1px solid #ddd;margin-top:28px;padding-top:12px}.help h3{font-size:14px}.workspace{min-width:0;padding:20px}.toolbar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:14px}.toolbar button{font-size:14px}#tools{display:flex;gap:4px;flex-wrap:wrap}button.active{background:#203750;color:white;border-color:#203750}.board-wrap{border:1px solid #cad3df;border-radius:8px;background:#e3e9ef;overflow:auto}#board{display:block;width:100%;min-width:650px;min-height:390px;background-color:#f9fafc;background-image:radial-gradient(#cbd3de 1px,transparent 1px);background-size:16px 16px;touch-action:none}.status{padding:12px 2px;font-size:14px;color:#57667a;min-height:42px}.details{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d2dae4;padding-top:22px;margin-top:10px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#7b8797;display:block;margin-bottom:10px}.legend{display:grid;gap:9px;font-size:12px;color:#60748a}.amber{color:#af7409}.details p{margin:0}.instruments{background:#e7ecf2;border-left:1px solid #cfd7e2;padding:20px 16px}.meter{background:#223247;border-radius:14px;padding:18px;color:#fff;box-shadow:0 6px 0 #182537;border:2px solid #152336}.meter-title{display:flex;justify-content:space-between;font-weight:800;align-items:center}.meter-title span{font-size:10px;color:#b9c5d3}.lcd{margin:18px 0;background:#c6d5b6;color:#273b2d;padding:14px;border-radius:5px;min-height:129px;box-shadow:inset 0 2px 4px #0003}.lcd small{font-size:11px;display:block}.lcd>div{display:flex;justify-content:space-between;align-items:baseline;margin:7px 0}.lcd strong{font:38px Consolas,monospace;letter-spacing:-2px}.modes{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.modes button{font-size:14px;background:#34485f;color:#e3eaf2;border-color:#4a5c72}.modes button.active{color:#172538;background:#f2bf51;border-color:#f2bf51}.probe-line{display:flex;gap:12px;font-size:12px;margin:17px 0;color:#c8d2df}.probe-line b{color:white}.probe-line.red b{color:#ff8282}#resetMeter{background:transparent;color:#c9d3df;border-color:#536378;font-size:12px;width:100%}.inspector{margin-top:32px}.inspector label{display:block;font-size:14px;margin:16px 0 6px}.inspector input,.inspector select{width:100%;padding:9px;border:1px solid #bbc7d5;border-radius:5px}.inspector button{margin-top:12px;width:100%}.model{font-size:14px;color:#637184;margin-top:26px}.model summary{cursor:pointer}.component{cursor:grab}.terminal{cursor:crosshair}.wire{cursor:pointer}.danger{color:#b84424}.info{padding:10px;background:#f5f7fa;border-radius:6px;font-size:14px;line-height:1.7}@media(min-width:1500px){main{grid-template-columns:220px minmax(600px,1fr) 320px}.workspace{padding:24px}}@media(max-width:1100px){main{grid-template-columns:170px minmax(0,1fr)}.instruments{grid-column:1/-1;display:grid;grid-template-columns:300px 1fr;gap:24px}.inspector{margin:0}.library{padding:20px 10px}header{align-items:flex-start}.details{flex-wrap:wrap}}@media(max-width:650px){header{padding:16px;display:block}.top{margin-top:18px}main{display:block}.library{padding:14px}#catalog{grid-template-columns:repeat(2,1fr);margin:10px 0}.help{display:none}.workspace{padding:12px}.instruments{display:block}.inspector{margin-top:30px}.meter{max-width:360px;margin:auto}}

.bulb-picker{margin-top:8px;min-width:0}.bulb-picker label{display:block;font-size:14px;margin-bottom:6px}.bulb-picker select{width:100%;font-size:14px;padding:8px 4px}.inspector a{color:#245e91}

.injector{margin-top:24px;padding:16px;background:#f8fbff;border:1px solid #becddd;border-radius:10px}.injector label{display:block;font-size:14px;margin:8px 0}.injector select,.injector>button{width:100%}.injector-display{padding:12px 0;display:grid;gap:6px}.injector-display strong{font:28px Consolas,monospace;color:#136e86}.injector-display span{font-size:13px}.injector-buttons{display:flex;gap:6px;margin-top:8px}.injector-buttons button{flex:1;font-size:13px;padding:9px 6px}.injector p{font-size:12px}button:disabled{cursor:not-allowed;opacity:.5}.injector button.active{background:#087f94;color:white}.terminal.injector-target{filter:drop-shadow(0 0 3px #0c829b)}#timeSpeed{font-size:14px}.instruments{align-content:start}@media(max-width:1100px){.instruments{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.injector{margin-top:0}}

/* Movable instrument panels retain their own controls and live readings. */
.instruments{display:flex;flex-direction:column;gap:14px;min-width:0}.workshop-panel{margin:0;max-width:none;width:100%;padding:0;border:1px solid #becddd;border-radius:10px;overflow:hidden;background:#f8fbff}.workshop-panel.meter{background:#223247;border-color:#152336;box-shadow:none}.panel-head{display:flex;align-items:center;gap:2px;padding:8px;background:#dae3ee}.panel-head button{margin:0;width:auto;padding:6px;min-height:32px;border-color:transparent;background:transparent;color:#243349;font-size:14px}.panel-head .panel-toggle{flex:1;text-align:left;font-weight:700}.panel-head .panel-grip{cursor:grab;touch-action:none;font-size:20px}.panel-body{padding:16px}.panel-body[hidden]{display:none}.panel-body>.eyebrow,.injector .panel-body>h2{display:none}.panel-head button:hover{background:#c7d5e5}.panel-body>select,.injector .panel-body>button{width:100%}.panel-drop{outline:3px solid #2385c5;outline-offset:2px}.panel-dragging{opacity:.5}.inspector .panel-head button{margin:0;width:auto}.inspector .panel-head .panel-toggle{width:auto}.panel-chevron{display:inline-block;width:12px}@media(max-width:1100px){.instruments{display:flex;flex-direction:column;grid-column:1/-1}}

[hidden]{display:none!important}.workspace-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 24px;background:#fff;border-bottom:1px solid #cbd3df}.workspace-tabs [aria-selected=true]{background:#203750;color:white}.file-actions{margin-left:auto;display:flex;gap:8px}#buildActions{display:inline-flex;gap:8px}#fileStatus{margin:0;padding:0 24px}#fileStatus:empty{display:none}body:not([data-workspace=build]) main{grid-template-columns:minmax(450px,1fr) 320px}#lessonPanel{background:#fff;border:1px solid #bdcad9;border-left:4px solid #227bc1;border-radius:8px;padding:16px;margin-bottom:16px}#lessonPanel label{font-size:14px}#lessonPanel select,#lessonPanel input{max-width:100%;padding:8px}#lessonPanel button{margin:4px}#lessonPanel h2{margin-top:14px}#lessonPanel p{margin:8px 0}.lesson-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#lessonSolution:not(:empty){padding:12px;background:#e7f1f7}#exerciseAnswer{width:110px}body:not([data-workspace=build]) .model{display:none}@media(max-width:1100px){body:not([data-workspace=build]) main{grid-template-columns:1fr}}@media(max-width:650px){.workspace-tabs{padding:12px}.file-actions{margin:0;flex-wrap:wrap}.top #buildActions{flex-wrap:wrap}body:not([data-workspace=build]) main{display:block}}

#guidesPanel{padding:24px;max-width:1440px;margin:auto}#guidesPanel h1{font-size:28px;margin:18px 0 8px}#guidesPanel p{font-size:16px;line-height:1.65;color:#43566d}.guide-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.guide-picker select{max-width:100%}.guide-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:24px;align-items:start;margin:20px 0}.guide-diagram{background:#fff;border:1px solid #becddd;border-radius:8px;overflow:auto}.guide-diagram svg{display:block;width:100%;min-width:620px}#guideToggle{margin-top:12px}#guideState{font-weight:600;color:#087f94!important}.guide-table-wrap{overflow:auto}.guide-reference table{border-collapse:collapse;width:100%;font-size:15px;background:#fff;text-align:left}.guide-reference th,.guide-reference td{padding:12px;border:1px solid #cbd5e1;vertical-align:top}.guide-reference thead{background:#dae3ee}.guide-reference tbody th{white-space:nowrap}.guide-mistake{padding:16px;border-left:4px solid #c59027;background:#fff6e4;margin-top:20px}.guide-mistake p{margin:6px 0 0}#guideExamples{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#guideExamples button{background:#203750;color:white}#guidesPanel .guide-caption,#guideSource{font-size:14px}#guideNotes{max-width:1000px}.guide-reference a,#guideSource a{color:#205c90}@media(max-width:1050px){.guide-layout{grid-template-columns:1fr}}@media(max-width:650px){#guidesPanel{padding:16px}.workspace-tabs .file-actions{width:100%}}