/* TRACE LAB — an illustrated robotics field notebook. */
:root{--ink:#202a2d;--muted:#626d6d;--line:#d7dad3;--bg:#f3f1eb;--white:#fffefb;--teal:#21594e;--teal-dark:#153e37;--mint:#e5eee5;--nav:#f3f1eb;--gold:#b64b2d;--radius:6px;--accent:#c05230;--mono:var(--font)}
html{scroll-padding-top:24px}body{background:var(--bg);color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #c05230;outline-offset:3px}
.sidebar{width:212px;background:#ebeae3;color:var(--ink);border-right:1px solid #cfd3cb;padding:28px 16px 18px;overflow-y:auto}
.brand{color:var(--ink);font-family:var(--font);font-size:23px;font-weight:800;letter-spacing:-.8px;margin:0 4px 37px;gap:10px}.brand small{color:#596864;letter-spacing:.7px;font-size:9px;margin-top:7px}.brand-mark{background:#202a2d;width:38px;height:44px;border:0;border-radius:4px}.brand-mark svg{stroke:#ef8b63;width:33px}.brand-mark circle{fill:#ef8b63}
.nav-heading{color:#68726f;font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.5px;margin:0 6px 17px;padding-top:13px;border-top:1px solid #bdc6bd}.nav-heading span{font-size:9px;color:#59675f}
.stage-button{border-radius:3px;padding:12px 8px;margin-bottom:5px;color:#495652;gap:10px;min-height:60px;border:1px solid transparent}.stage-button:hover{background:#f8f7f1;border-color:#d3d8ce}.stage-button.active{background:#fffefb;border-color:#c4cdc2;color:#202a2d;box-shadow:inset 3px 0 0 var(--accent)}
.stage-number{border:0;border-radius:0;font:500 19px var(--mono);width:27px;height:32px;color:#758176}.stage-button.active .stage-number{background:transparent;border:0;color:var(--accent)}.stage-text{font-size:12px;letter-spacing:.03em}.stage-text small{font:9px var(--mono);letter-spacing:0;color:#6d7773;opacity:1}.stage-arrow{color:var(--accent)}
.stage-button.completed .stage-number,.stage-button.completed.active .stage-number{border:0;color:var(--teal)}.stage-button.challenge-step{border-top:1px solid #c7cec1;padding-top:14px;margin-top:12px}.stage-button.challenge-step .stage-number{border-color:transparent;color:var(--accent)}.stage-button.challenge-step.active{background:#f7e5d6;color:#502f22;box-shadow:inset 3px 0 0 var(--accent);border-color:#d9bfa9}.stage-button.challenge-step.active .stage-number{background:transparent;border:0;color:#af4527}
.sidebar-note{border-top:1px solid #ccd3c8;padding-top:18px;margin:18px 4px 15px;color:#495d52;font-size:9px}.sidebar-note p{color:#68786a;font-size:9px}.mini-circuit{color:#b45235}.journey-progress{margin:auto 5px 0;padding-top:22px;color:#46574a;font-size:10px}.journey-progress strong{font:700 12px var(--mono)}.progress-track{background:#d1d8ca;border-radius:0;height:3px}.progress-track span{background:#526b49}.journey-progress p{color:#61705f;font-size:9px}.sidebar-help{color:#4f6054;margin:21px 5px 16px;font-size:11px}.sidebar-footer{border-color:#c4ccbe;padding:16px 5px 0;color:#35483b;letter-spacing:1.7px;font:700 10px var(--mono)}.sidebar-footer small{display:block;color:#6a7567;font:8px var(--mono);letter-spacing:.6px;margin-top:5px}
main{margin-left:212px;padding:0 30px;max-width:1920px}.topbar{height:62px;border-bottom:1px solid #cbd2c8}.breadcrumb{font-size:10px;color:#66705f}.breadcrumb strong{color:#354839;font-weight:600}.top-actions{gap:8px}.saved-indicator{font-size:9px;color:#64705d}.button{border-radius:4px;font-size:12px;min-height:40px}.button.small{font-size:11px;min-height:34px}.button.white,.button.ghost{border-color:#c8d0c5;background:#fffefb;color:#34443b}.button.white:hover,.button.ghost:hover{background:#e9eee4}.top-actions #answer-button{background:#e6ece0;color:#294b36;border-color:#b5c6ac}.next-button{border-color:#233e31;background:#233e31;color:white}.next-button:hover{background:#102a1d}
.studio-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,340px);gap:28px;min-height:246px;padding:24px 0 22px;border-bottom:0;align-items:center}.lesson-copy{position:relative;z-index:1;padding:5px 0}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.25px;font-weight:600;color:#96543c;margin-bottom:13px}.studio-heading h1{font-size:clamp(24px,2.2vw,34px);font-weight:800;line-height:1.5;letter-spacing:.035em;max-width:650px}.studio-heading p{font-size:12px;line-height:1.95;color:#58675f;max-width:610px;margin-top:12px}.lesson-badge{position:absolute;right:12px;top:20px;min-width:0;width:auto;height:auto;border:0!important;background:transparent!important;border-radius:0;color:#aeb9a7!important;z-index:2;pointer-events:none}.lesson-badge span{font:400 30px/1 var(--mono)}.lesson-badge small{font:7px var(--mono);letter-spacing:.6px;margin-top:4px}
.lesson-tools{display:flex;align-items:center;gap:18px;margin-top:20px;flex-wrap:wrap}.workbench-link{display:inline-flex;align-items:center;gap:25px;text-decoration:none;color:#263f30;font-size:11px;font-weight:700;border-bottom:1px solid #263f30;padding:0 0 4px}.workbench-link:hover{color:var(--accent);border-color:var(--accent)}.workbench-link span{font-size:17px;font-weight:400}.lesson-material{font:8px var(--mono);letter-spacing:.6px;color:#77806e}
.instrument-portrait{display:block;position:relative;align-self:stretch;min-height:220px;overflow:hidden;background:#f3f1eb;border:1px solid #d9dcd2;border-radius:4px;padding:26px 0 21px;isolation:isolate;text-align:left}.instrument-portrait:hover{border-color:#adba9f}.instrument-portrait img{display:block;width:100%;height:189px;object-fit:contain;mix-blend-mode:multiply}.portrait-label{position:absolute;left:13px;right:51px;top:10px;display:flex;justify-content:space-between;gap:12px;font:8px var(--mono);letter-spacing:.8px;color:#68765d;z-index:1}.portrait-label>span:last-child{font-family:var(--font);font-size:9px;letter-spacing:0;color:#48603e}.portrait-caption{position:absolute;bottom:9px;left:13px;right:13px;font-size:9px;letter-spacing:.02em;color:#5b6c53;text-align:center}
.workspace-tabs{gap:28px;margin-bottom:16px;border-bottom:1px solid #b8c3b0}.workspace-tab{font-size:12px;min-height:45px;padding-top:10px;padding-bottom:11px;color:#66705e;border-bottom:3px solid transparent}.workspace-tab.active{color:#243e2c;border-color:#c05230}.workspace-tab .tab-index{margin:0 8px 0 0;font:10px var(--mono);color:#849177}.workspace-tab.active .tab-index{color:#b54d2c}.model-tag{font:8px var(--mono);letter-spacing:1px;color:#7a8471}
.mission-strip{background:#e7edde;border:0;border-left:3px solid #667a52;border-radius:0;margin-bottom:0;padding:10px 13px;min-height:44px;font-size:11px}.mission-strip p{color:#425538}.mission-icon{color:#526c41}.mission-label{font:700 9px var(--mono);color:#526940;border-color:#b7c7a8}.mission-state{font-size:9px;background:#f7f9f3;border-color:#bdcbb1;border-radius:2px;color:#50663e}.mission-state.done{background:#335833;border-color:#335833}
.visual-quick-guide{margin:0 0 19px;background:#f8f8f2;border:1px solid #d8dfcc;border-top:0;border-radius:0 0 4px 4px}.visual-quick-guide>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;min-height:37px;padding:8px 13px;color:#5a6950;font-size:10px}.visual-quick-guide>summary::-webkit-details-marker{display:none}.visual-fold-icon{font-size:15px;color:#809269}.visual-fold-action{margin-left:auto;white-space:nowrap;font-size:9px}.visual-fold-action b{display:inline-block;margin-left:8px;font-size:13px;font-weight:400}.visual-quick-guide[open] .visual-fold-action b{transform:rotate(45deg)}
.visual-primer{margin:0 0 20px;display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);grid-template-rows:auto auto;background:#fffefb;border:1px solid #cdd5c5;border-radius:4px;padding:22px 24px;column-gap:28px;align-items:center}.visual-primer-heading{grid-column:1;grid-row:1;align-self:end}.visual-primer-heading h3{font-size:18px;line-height:1.6;margin:5px 0 8px;color:#2d4432}.visual-primer-heading .section-kicker{color:#aa5031;font-size:9px}.visual-primer img{grid-column:2;grid-row:1/3;width:100%;height:auto;display:block;border-radius:3px}.visual-primer figcaption{grid-column:1;grid-row:2;font-size:11px;line-height:1.9;color:#67745e;align-self:start}.visual-quick-guide .visual-primer{margin:0;border:0;border-top:1px solid #d5ddca;border-radius:0;background:#fffef9}.visual-quick-guide .visual-primer-heading h3{font-size:15px}
.workbench{gap:20px;grid-template-columns:minmax(0,1fr) 300px;scroll-margin-top:20px}.workbench.programming{grid-template-columns:minmax(0,1.1fr) minmax(370px,.9fr);gap:20px}.card{background:#fffefb;border-color:#cdd5c8;border-radius:5px;box-shadow:none}.simulation-card{border-top:3px solid #2c4234}.card-heading{padding:17px 18px 14px}.card-heading h2{font-size:14px;color:#2a3d31;letter-spacing:0}.section-kicker{font:9px var(--mono);letter-spacing:1.1px;color:#78876d;margin-bottom:5px}.live-chip{background:#e8eee2;border-color:#ccd8bf;color:#4e713d;font:9px var(--mono);border-radius:2px}.scene-toolbar{padding:0 17px 11px}.segmented{border-radius:4px;background:#eef1e8;border-color:#d1d9c6}.segmented button{border-radius:2px;font-size:10px;color:#657253}.segmented button.active{box-shadow:none;background:#fffefb;color:#2d542a}.toolbar-note{font-size:10px;color:#6c795f}.canvas-wrap{border-radius:2px;border-color:#d5decb;background:#fafbf7;margin:0 12px}.canvas-hint{border-radius:3px;background:#fffefaeb;color:#617052;border-color:#ced7c0;font-size:9px;padding:4px 9px;max-width:94%;white-space:normal;text-align:center;box-shadow:none}.scene-controls{padding:13px 16px 6px}.scene-controls .button{min-height:38px;font-size:11px}.scene-controls #run-button{background:#c05230;border-color:#c05230;color:white}.scene-controls #run-button:hover{background:#a14024}.compact-field{font-size:11px;color:#58684c}.compact-field select{font-size:11px;border-radius:3px;border-color:#bdccb0}.scene-legend{font-size:9px;color:#68795b;padding:10px 14px 14px;gap:12px}
.inspector{gap:15px}.inspector .card-heading{padding:16px 16px 12px}.digital-display,.distance-display{border-radius:3px}.digital-display{background:#e9efdf;border-color:#c5d1b4}.digital-display.off{background:#e5e7df;border-color:#c6cec0}.digital-display strong,.digital-display b{color:#355f25}.digital-display.off strong,.digital-display.off b{color:#384638}.digital-display span{color:#667657}.digital-display b{font-family:var(--mono);font-size:49px}.readout-pair{font-size:11px;color:#68785c}.readout-pair strong{font:600 16px var(--mono)}.bar-caption,.range-labels{font-size:9px;color:#6e7b62}.value-bar{border-radius:2px;background:#dfe6d6}.value-bar span{background:#839b69;border-radius:2px}.threshold-tick{background:#b84e29}.trim-value{font-family:var(--mono);font-weight:500;color:#385231}.knob{filter:sepia(.13)}.field-description,.readout-foot,.trim-value-label{font-size:11px;color:#647259}.calibration-status{font-size:11px;color:#476c36}.warning-note{border-radius:3px;border-color:#dfcda9;color:#805d2d;background:#f6efd9;font-size:10px}.hint-card{background:#edf0e4;border-color:#cdd5bd;padding:15px 17px}.hint-card h3{color:#536943;font-size:11px}.hint-card summary{color:#4b6340;font-size:11px}.hint-card p{color:#647357;font-size:11px}.note-input{border-radius:3px;background:#f9faf5;border-color:#cdd7be;font-size:12px;color:#405336}.note-area label{font-size:11px;color:#697b59}.observations-card{margin-top:16px}.observation-grid{gap:0}.observation-item{border-radius:0;border-color:#d3dcc7;padding:13px 11px}.observation-item+.observation-item{border-left:0}.observation-item small{font:8px var(--mono);color:#748163}.surface-sample{border-radius:2px}.observation-heading span{font-size:9px;color:#717e62}
.program-card{border-top:3px solid #526b4b}.program-card>.card-heading{background:#f3f5ed;border-radius:2px 2px 0 0;border-bottom:1px solid #d7dfcb;margin-bottom:12px}.program-header-actions button{font-size:10px;min-height:32px;border-radius:3px}.program-header-actions #editor-size{background:#263e2c;color:#fff;border-color:#263e2c;min-height:34px}.program-header-actions #editor-size:hover{background:#152c1a}.program-information{background:#f0f3e8;border-color:#d7dfc9;border-radius:3px;color:#5f7250;font-size:11px}.program-body{padding:0 10px 12px}.program-body:has(.be-palette){height:670px}.program-runtime{background:#f0f3e8;color:#617654;border-color:#d3dcc7;border-radius:0 0 4px 4px;font-size:10px}.be-palette{background:#f4f6ef}.be-palette-tile{border-radius:3px;min-height:34px;font-size:11px}.be-categories button{border-radius:3px}.be-workspace{background-color:#fafcf7}.be-workspace-head{color:#506947}.be-status{font-size:10px}
.status-dashboard{gap:0;margin-top:15px;border:1px solid #c9d4bd;border-radius:4px;overflow:hidden}.stat-card{border:0;border-right:1px solid #ced8c3;border-radius:0;padding:14px 16px;background:#fffefb}.stat-card:last-child{border-right:0}.stat-card span{font-size:10px;color:#6c7b60}.stat-card strong{font:600 24px var(--mono);color:#314d2a}.stat-card small{font-size:10px;color:#718365}.run-message{font-size:11px;color:#7e6031;line-height:1.8}.telemetry-top h3{font-size:12px}.telemetry-top span{font-size:9px;color:#748467}.sensor-tile{border-radius:3px;background:#edf4e3;border-color:#c5d8b0}.sensor-tile.off{background:#344736;border-color:#344736}.sensor-tile span,.sensor-tile small{color:#61784c}.sensor-tile b{font-family:var(--mono);color:#496d34;font-size:23px}.sensor-tile.off span,.sensor-tile.off small{color:#d1dec5}.sensor-tile.off b{color:white}.motor-row{font-size:11px;color:#6b7e5d}.motor-row b{font-family:var(--mono);color:#304c24;font-size:13px}.sensor-config summary{font-size:11px;color:#587343}.sensor-adjuster{font-size:11px}
.motor-challenge-brief{margin-top:0;margin-bottom:18px;border:1px solid #dfc6ad;border-left:3px solid #b65730;border-radius:3px;background:#f7eddf;padding:14px 17px;gap:18px}.challenge-kicker{font-family:var(--mono);font-size:9px;color:#a25b31}.motor-challenge-brief h2{font-size:16px;color:#6a452b}.motor-challenge-brief p{font-size:11px;color:#7f654c}.motor-challenge-brief li{font-size:10px;color:#816243}.motor-challenge-brief li strong{background:#ebd9bc}.motor-challenge .program-information{background:#f6eddd;border-color:#dfcdb0;color:#775c3c}.motor-output-card .motor-motion-readout{border-radius:3px;background:#e9efdd}.motor-wait-note{border-radius:3px;background:#f6ecd7;border-color:#ded0ac;color:#7c633c}
.guide-intro{border:0;border-left:3px solid #648151;border-radius:0;background:#e7eddd;padding:22px 25px}.guide-intro h2{color:#374b2e;font-size:20px}.guide-intro p{font-size:12px;color:#67765a}.guide-card{border-radius:4px;border-color:#cdd9bc;background:#fffefb;padding:23px}.guide-card h3{color:#486539}.guide-steps li{font-size:12px;color:#5e7152}.guide-steps li:before{border-radius:2px;background:#e5eddb;color:#58743f;font-family:var(--mono)}.guide-table th{background:#eef2e5;color:#4c653d}.guide-table td,.guide-table th{border-color:#d7e0cb;font-size:11px;line-height:1.75}.guide-table td{color:#526b43}.guide-model-note{border-radius:3px}.lesson-bottom p{font-size:11px;color:#667c56}.lesson-bottom .bulb{color:#9d6739}.main-footer{border-color:#c7d1bd;color:#6a7c58;padding-bottom:24px}.footer-meta{font-size:10px}.footer-copyright{color:#405833;font:11px var(--mono);margin-top:17px}
dialog{border-radius:6px;border-color:#bdc9ac}dialog::backdrop{background:#192b20a6;backdrop-filter:none}.dialog-header{background:#f3f5ec;border-color:#d0dac2}.dialog-header h2{font-size:17px;color:#2e4525}.icon-button{border-radius:3px;min-width:34px;min-height:34px}.answer-dialog{background:#f4f4ed;border-radius:6px;border-color:#bdc9ad}.answer-dialog::backdrop{backdrop-filter:none}.answer-dialog>.dialog-header{background:#eef2e5;border-color:#c6d3b6}.answer-section,.answer-conditions,.answer-checks{border-radius:4px}.answer-section{background:#fffefb;border-color:#d1dcc2}.answer-conditions{background:#e9efdf;border-color:#c6d7b1}.answer-section h3{color:#3c5b2c}.answer-section p,.answer-section li{color:#5c724d}.answer-table-wrap{border-radius:2px}.answer-eyebrow{font-family:var(--mono);color:#aa5d35}.toast{left:calc(50% + 106px);border-radius:5px;background:#293e23}.visual-dialog{width:min(1020px,calc(100vw - 32px));padding:0;max-height:calc(100dvh - 32px);background:#fffefb;overflow:hidden}.visual-dialog[open]{display:flex;flex-direction:column}.visual-dialog>.dialog-header{padding:18px 24px;flex:none;border-bottom:1px solid #ccd8bb}.visual-dialog>.dialog-header .section-kicker{font-size:9px;color:#a15c36}#visual-content{padding:22px 24px;overflow:auto;min-height:0}.rover-overview{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;margin-bottom:22px}.rover-overview>figure{margin:0;background:#f3f1eb;border-radius:4px}.rover-overview>figure img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.rover-overview>figure figcaption{text-align:center;padding:4px 10px 14px;font:9px var(--mono);color:#7a8667}.rover-parts{display:flex;flex-direction:column;gap:17px}.rover-parts>section{display:flex;gap:13px;border-bottom:1px solid #dce3d0;padding-bottom:15px}.rover-parts>section>span{font:18px var(--mono);color:#bd643b}.rover-parts h3{font-size:14px;color:#38522c;margin-bottom:4px}.rover-parts p{font-size:12px;color:#637856;line-height:1.9}.visual-dialog .visual-primer{margin-bottom:12px;padding:19px;gap:20px}.visual-model-note{font-size:10px;color:#748265;line-height:1.8}.visual-primer-modal .visual-primer-heading h3{font-size:16px}
@media(min-width:1600px){.sidebar{width:228px;padding-left:21px;padding-right:21px}main{margin-left:228px;padding:0 40px}.studio-heading{grid-template-columns:minmax(0,1fr) 410px;min-height:264px}.instrument-portrait img{height:205px}.studio-heading h1{font-size:36px}.workbench{grid-template-columns:minmax(0,1fr) 340px}.workbench.programming{grid-template-columns:minmax(0,1.12fr) minmax(450px,.88fr)}}
@media(max-width:1180px){.sidebar{width:190px;padding:24px 12px 16px}.brand{font-size:21px;gap:8px}.brand-mark{width:34px;height:40px}.stage-button{padding:11px 7px;gap:8px}.stage-text{font-size:11px}.stage-text small{font-size:8px}.stage-number{font-size:17px;width:24px}main{margin-left:190px;padding:0 23px}.studio-heading{gap:18px;grid-template-columns:minmax(0,1fr) 270px;min-height:230px}.studio-heading h1{font-size:26px}.studio-heading p{font-size:11px}.instrument-portrait{min-height:205px}.instrument-portrait img{height:173px}.lesson-material{display:none}.workbench{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.workbench.programming{grid-template-columns:minmax(0,1fr) 365px;gap:16px}.topbar{height:58px}.top-actions .button{font-size:10px;padding:6px 9px}.visual-primer{padding:18px;gap:20px}.visual-primer-heading h3{font-size:16px}}
@media(max-width:1020px){.workbench.programming{grid-template-columns:minmax(0,1fr)}.programming .inspector{display:block}.programming .hint-card{margin-top:15px}.workbench:not(.programming){grid-template-columns:minmax(0,1fr) 265px}.studio-heading{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.studio-heading h1{font-size:24px}.instrument-portrait img{height:157px}.instrument-portrait{min-height:193px}.portrait-label{font-size:7px;right:39px}.portrait-label>span:last-child{display:none}.portrait-caption{font-size:8px}.lesson-badge{right:9px;top:18px}.lesson-badge span{font-size:24px}.saved-indicator{display:none}.motor-challenge-brief{grid-template-columns:1fr}.visual-primer{grid-template-columns:1fr;gap:0}.visual-primer-heading,.visual-primer figcaption{grid-column:1;grid-row:auto}.visual-primer img{grid-column:1;grid-row:auto;max-width:750px;margin:8px auto 13px}.visual-primer figcaption{max-width:750px}.visual-primer-heading h3{font-size:17px}.rover-overview{gap:18px}}
@media(max-width:780px){.sidebar{position:relative;width:100%;padding:16px 20px 12px;display:block;border-right:0;border-bottom:1px solid #bbc9ad;background:#e9eddf}.brand{font-size:23px;margin:0 0 13px}.brand small{display:inline;font-size:9px;margin-left:13px}.brand-mark{width:32px;height:34px}.brand-mark svg{width:29px}.nav-heading,.sidebar-note,.journey-progress,.sidebar-help,.sidebar-footer{display:none}#stage-nav{gap:5px;padding-bottom:4px}.stage-button{width:auto;min-height:39px;padding:7px 10px;border-radius:3px;border:1px solid #c4d2b6;background:#f7f9f0;margin:0;gap:7px}.stage-text{font-size:10px}.stage-text small,.stage-arrow{display:none}.stage-number{font-size:11px;width:auto;height:auto}.stage-button.active{background:#293f25;color:#fff;box-shadow:none;border-color:#293f25}.stage-button.active .stage-number{color:#dfac7d}.stage-button.challenge-step{margin:0;padding:7px 10px;border:1px solid #d1b89c}.stage-button.challenge-step.active{background:#bf6137;color:white;border-color:#bf6137;box-shadow:none}.stage-button.challenge-step.active .stage-number{color:white}main{margin-left:0;padding:0 20px}.topbar{height:51px}.breadcrumb{font-size:9px}.top-actions .button{font-size:10px;min-height:32px;padding:5px 9px}.studio-heading{grid-template-columns:minmax(0,1fr) 228px;padding:22px 0;min-height:215px;gap:17px}.studio-heading h1{font-size:24px}.studio-heading p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:.65px}.lesson-badge{display:none}.instrument-portrait{min-height:190px}.portrait-label{right:12px}.portrait-label>span:last-child{display:inline}.instrument-portrait img{height:155px}.portrait-caption{font-size:8px}.lesson-tools{margin-top:13px}.workbench:not(.programming){grid-template-columns:minmax(0,1fr) 275px;gap:14px}.workspace-tabs{gap:22px}.workspace-tab{font-size:11px}.workspace-tab .tab-index{font-size:9px;margin-right:5px}.model-tag{display:none}.mission-strip{font-size:11px}.visual-quick-guide>summary{font-size:10px;gap:7px}.visual-fold-action{font-size:9px}.workbench{scroll-margin-top:10px}.toast{left:50%}.motor-challenge-brief{padding:12px 15px}.visual-dialog .visual-primer{display:block}.visual-dialog .visual-primer img{margin:12px 0}.visual-dialog .visual-primer figcaption{margin-top:10px}}
@media(max-width:620px){.sidebar{padding:13px 14px 10px}.brand{font-size:21px;gap:8px}.brand small{font-size:8px;letter-spacing:.3px;margin-left:8px}.stage-text{font-size:9px}.stage-button{min-height:38px;padding:6px 8px}.stage-button.challenge-step{padding:6px 8px}main{padding:0 14px}.top-actions{gap:5px}.topbar .breadcrumb{font-size:9px}.topbar .breadcrumb>span{margin:0 5px}.top-actions .button{font-size:9px;padding:5px 7px}.studio-heading{grid-template-columns:minmax(0,1fr) 125px;gap:10px;padding:21px 0 20px;align-items:start;min-height:0}.studio-heading h1{font-size:21px;line-height:1.55;letter-spacing:.01em}.studio-heading p{font-size:11px;line-height:1.85}.eyebrow{font-size:7px;line-height:1.7;letter-spacing:.4px;margin-bottom:9px}.instrument-portrait{align-self:center;min-height:143px;padding:15px 0 18px}.instrument-portrait img{height:106px}.portrait-label{top:7px;left:7px;right:7px;font-size:6px;letter-spacing:0}.portrait-label>span:last-child{display:none}.portrait-caption{font-size:7px;left:5px;right:5px;bottom:5px;line-height:1.5}.lesson-tools{margin-top:12px}.workbench-link{font-size:10px;gap:16px}.workspace-tabs{gap:20px;margin-bottom:12px}.workspace-tab{font-size:11px;min-height:43px}.workspace-tab .tab-index{display:none}.mission-strip{padding:10px 12px;font-size:11px;gap:8px;align-items:center}.mission-label{display:none}.mission-state{font-size:8px}.visual-quick-guide{margin-bottom:15px}.visual-quick-guide>summary{font-size:10px;padding:8px 11px;gap:6px}.visual-fold-action{font-size:8px}.visual-fold-action b{margin-left:2px}.visual-primer{padding:16px;margin-bottom:16px}.visual-primer-heading h3{font-size:15px}.visual-primer figcaption{font-size:11px}.visual-quick-guide .visual-primer{padding:14px}.workbench:not(.programming),.workbench.programming{grid-template-columns:minmax(0,1fr)}.workbench:not(.programming) .inspector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workbench:not(.programming) .inspector>.card:nth-child(n+3){grid-column:1/-1}.card-heading,.inspector .card-heading{padding:14px 13px 11px}.card-heading h2{font-size:12px}.section-kicker{font-size:8px}.program-header-actions{gap:4px}.program-header-actions button{font-size:9px;min-height:32px;padding:4px 8px}.program-header-actions #editor-size{font-size:10px}.program-information{font-size:10px;margin:0 10px 10px}.program-body:has(.be-palette){height:610px}.scene-toolbar{padding:0 13px 10px}.scene-controls{padding:12px 13px 6px}.scene-controls .button{font-size:11px;min-height:38px;padding:7px 11px}.toolbar-note{font-size:9px}.observation-grid{padding:0 12px 13px}.observation-item{padding:10px 8px}.observation-item strong{font-size:10px}.stat-card{padding:13px 12px}.stat-card strong{font-size:21px}.stat-card span{font-size:9px}.digital-display b{font-size:36px}.digital-display strong{font-size:15px}.digital-display span{font-size:8px}.trim-value{font-size:24px}.trim-row{gap:9px}.readout-foot,.field-description,.calibration-status,.trim-section .field-description{font-size:10px}.range-labels,.bar-caption{font-size:8px}.sensor-tile span{font-size:9px}.sensor-tile small{font-size:8px}.sensor-tile b{font-size:22px}.telemetry-top h3{font-size:11px}.telemetry-top span{font-size:8px}.motor-row{gap:10px;font-size:10px}.motor-row b{font-size:12px}.lesson-bottom p{font-size:10px}.next-button{font-size:10px;min-width:113px}.visual-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.visual-dialog>.dialog-header{padding:14px 16px}.visual-dialog>.dialog-header h2{font-size:15px}#visual-content{padding:16px}.rover-overview{grid-template-columns:1fr;gap:18px}.rover-overview>figure{max-width:370px;margin:0 auto}.rover-parts{gap:12px}.rover-parts>section{padding-bottom:11px;gap:11px}.rover-parts h3{font-size:13px}.rover-parts p{font-size:11px}.visual-model-note{font-size:10px}.guide-intro h2{font-size:17px}.guide-card{padding:18px}.guide-table td,.guide-table th{font-size:10px;padding:9px}.main-footer .footer-meta{font-size:9px}}
.visual-dialog{max-width:calc(100vw - 32px)}.answer-dialog{max-width:calc(100vw - 40px)}
.floating-editor .program-card>.card-heading{margin-bottom:0}
.answer-methods{border:0;padding:0;margin:0 0 20px;min-width:0}.answer-methods legend{font-size:13px;font-weight:700;color:#36502d;padding:0;margin-bottom:10px}.answer-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-method{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #cbd5c1;border-radius:9px;background:#fffefb;cursor:pointer;min-width:0}.answer-method.selected{border:2px solid #48724b;background:#e8efdb;padding:13px;box-shadow:0 2px 0 #48724b}.answer-method:focus-within{outline:3px solid #b16b3d;outline-offset:3px}.answer-method input{margin:0;accent-color:#416b46;flex:none}.answer-method svg{width:82px;height:55px;flex:none}.answer-method svg rect{fill:#ddad77;stroke:#ba8955;stroke-width:1}.answer-method svg path{fill:none;stroke:#427d68;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.answer-method strong{display:block;font-size:14px;color:#2f4c31}.answer-method small{display:block;font-size:11px;line-height:1.7;color:#607457;margin-top:5px}
@media(max-width:700px){.answer-method-grid{grid-template-columns:1fr;gap:8px}.answer-method{padding:11px}.answer-method.selected{padding:10px}.answer-method svg{width:67px;height:45px}.answer-method strong{font-size:13px}.answer-method small{font-size:10px}}
body.editor-is-floating.editor-side-by-side:not(.editor-is-minimized) .workbench.programming{width:var(--editor-free-width);max-width:100%;grid-template-columns:minmax(0,1fr)}
body.editor-is-floating.editor-side-by-side:not(.editor-is-minimized) .workbench.programming>.inspector{display:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.instrument-portrait,.stage-button{transition:none}}