.lab-scene svg,.building svg,.loss-chart{fill:none}.printer-steps{background:#f5f7fb;border-bottom:1px solid #e2e8f1;grid-template-columns:repeat(6,1fr);gap:8px;padding:13px 18px;display:grid}.printer-steps button{color:#7b88a0;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:.8125rem;display:flex}.printer-steps button span{font:.625rem var(--mono);opacity:.7}.printer-steps button[aria-pressed=true]{color:#755b9d;background:#fff;border-color:#daceef;box-shadow:0 2px 8px #79549b09}.printer-pixels{grid-template-columns:repeat(8,1fr);gap:3px;max-width:190px;display:grid}.printer-pixels button{aspect-ratio:1;border:2px solid #0000;border-radius:2px;min-width:0}.printer-pixels button[aria-pressed=true]{outline-offset:1px;outline:2px solid #df785c}.printer-pixels button:disabled{opacity:1}.jpeg-workbench{background:#f8f9fc;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center;gap:17px;padding:30px;display:grid}.jpeg-panel{min-width:0}.jpeg-panel .eyebrow{color:#8d8295;margin-bottom:9px;font-size:.625rem}.jpeg-panel h3{color:#5c5069;margin:0 0 15px;font-size:.9375rem;font-weight:500}.jpeg-panel>p:last-child{color:#8c8296;margin:12px 0 0;font-size:.75rem;line-height:1.7}.pixel-block{aspect-ratio:1;background:#fff;border:1px solid #d8dce6;grid-template-columns:repeat(8,1fr);width:100%;max-width:250px;padding:5px;display:grid;box-shadow:0 4px 18px #31375406}.pixel-block button{aspect-ratio:1;opacity:1;color:#a1abba;border:0;border-radius:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.pixel-block button:disabled{opacity:1;cursor:default}.pixel-block button[aria-pressed=true]{outline-offset:-2px;z-index:1;outline:3px solid #eab666}.jpeg-arrow{color:#a69bb5;font-size:1.3rem}.jpeg-controls{border-top:1px solid #e3e6ef;grid-template-columns:1fr 1fr 1.1fr;gap:25px;padding:24px;display:grid}.jpeg-controls .lab-callout{font-size:.8125rem}.cycle-schematic{padding:0 20px}.component-picks{border-bottom:1px solid #e3e8f0;flex-wrap:wrap;gap:10px;padding:15px 22px;display:flex}.component-picks button{flex:1;min-width:80px}.pressure-badge{color:#74879e;background:#ffffffd9;border:1px solid #d7e3ee;border-radius:7px;padding:8px 13px;font-size:.75rem;position:absolute;bottom:20px;right:20px}.wave-canvas{width:100%;height:320px;display:block}.wave-scene{background:#111e29;padding:15px 20px 0}.wave-status{color:#8ba3ad;border-top:1px solid #253741;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;font-size:.8125rem;display:flex}.network-flow{background:#f7f9fc;gap:14px;padding:28px;display:grid}.network-node{background:#fff;border:1px solid #e0e7f0;border-radius:9px;grid-template-columns:32px 130px minmax(0,1fr) 55px;align-items:center;gap:15px;padding:14px 18px;transition:background .2s;display:grid}.network-node.current{background:#edf3ff;border-color:#a9c1f3}.network-node.done{border-color:#c4dfd6}.network-node.skipped{opacity:.55}.network-node .node-icon{color:#7c92b5;width:32px;height:32px;font:.75rem var(--mono);background:#eef2fa;border-radius:7px;justify-content:center;align-items:center;display:flex}.network-node.current .node-icon{color:#fff;background:#3f6fde}.network-node .node-title{color:#4b6080;font-size:.875rem}.network-node p{color:#8090a5;margin:0;font-size:.75rem;line-height:1.7}.network-node time{font:.75rem var(--mono);color:#7b8fa8;text-align:right}.waterfall{background:#e8edf6;border-radius:5px;grid-column:2/5;height:7px;overflow:hidden}.waterfall span{background:#799fea;height:100%;transition:width .12s;display:block}.gps-scene{touch-action:none}.gps-scene [data-satellite]{cursor:grab}.gps-mode{border-bottom:1px solid #e2e8f1;padding:15px 22px}.gps-equations{background:#f7f9fc;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;display:grid}.gps-equations>div{color:#7a8da7;background:#fff;border:1px solid #dae4ef;border-radius:7px;padding:13px;font-size:.75rem}.gps-equations strong{font:.9375rem var(--mono);color:#506a8e;margin:8px 0;display:block}.dimension-stage{background:#111b2d;height:400px;position:relative}.dimension-canvas{position:absolute;inset:0}.dimension-canvas canvas{width:100%;height:100%;display:block}.dimension-overlay{color:#8ea1bc;font:.6875rem var(--mono);pointer-events:none;z-index:1;position:absolute;inset:18px auto auto 20px}.dimension-fallback{color:#96acc8;pointer-events:none;padding:8px 12px;font-size:.6875rem;position:absolute;bottom:8px;left:0}.projection-stats{color:#8fa5c4;font:.6875rem var(--mono);pointer-events:none;gap:20px;display:flex;position:absolute;bottom:20px;right:20px}.training-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);display:grid}.training-core{background:#f7f6fb;min-width:0;padding:25px}.training-side{border-left:1px solid #e4e2ec;min-width:0;padding:24px}.token-row{flex-wrap:wrap;gap:7px;margin:14px 0 25px;display:flex}.token{color:#745c9b;text-align:center;background:#ede7f8;border:1px solid #d7cdea;border-radius:6px;min-width:38px;padding:10px 12px;font-size:1rem}.token.predicted{color:#fff;background:#7254ae;border-color:#7254ae}.matrix-grid{gap:3px;max-width:280px;display:grid}.matrix-cell{aspect-ratio:1;color:#71528f;min-width:0;font:.65rem var(--mono);border:0;border-radius:3px;justify-content:center;align-items:center;display:flex}.attention-view{grid-template-columns:34px 1fr;gap:6px;max-width:320px;display:grid}.attention-labels{color:#856a9d;flex-direction:column;justify-content:space-around;font-size:.8125rem;display:flex}.attention-cols{color:#856a9d;justify-content:space-around;max-width:280px;margin-bottom:7px;margin-left:40px;font-size:.8125rem;display:flex}.prob-row{color:#736083;grid-template-columns:25px 1fr 48px;align-items:center;gap:10px;margin:12px 0;font-size:.8125rem;display:grid}.prob-track{background:#f0eaf7;border-radius:4px;height:8px;overflow:hidden}.prob-track span{background:#9376b9;height:100%;display:block}.prob-row output{font:.75rem var(--mono);text-align:right;color:#8e7d9e}.loss-chart{background:#faf8fd;border:1px solid #e8e1f0;border-radius:8px;width:100%;height:110px;margin-top:20px;display:block}.training-side .control{margin:23px 0}.weight-values{font:.6875rem var(--mono);color:#907ca1;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0;display:grid}.weight-values span{text-align:center;background:#f2eef7;border-radius:3px;padding:6px}.train-stat{color:#7e6f8c;margin:12px 0;font-size:.8125rem}.elevator-layout{grid-template-columns:minmax(0,1fr) 280px;display:grid}.building{background:#f3f8f6;min-width:0;padding:25px 30px}.floor-row{border-bottom:1px solid #dbe6df;grid-template-columns:25px 1fr 42px 42px 44px;align-items:center;gap:12px;min-height:43px;display:grid}.floor-number{font:.6875rem var(--mono);color:#8a9d93}.floor-waiting{flex-wrap:wrap;gap:3px;min-width:0;display:flex}.person-dot{background:#6b9e85;border-radius:5px 5px 2px 2px;width:9px;height:15px;display:inline-block}.person-dot.future{opacity:.25}.lift-shaft{background:#e2ece6;border-inline:1px solid #cbdacf;height:100%;position:relative}.lift-car{color:#fff;font:.6875rem var(--mono);background:#62937c;border-radius:3px;justify-content:center;align-items:center;display:flex;position:absolute;inset:3px}.floor-add{color:#6c937e;background:#fff;border:1px solid #ccdad2;border-radius:6px;min-width:38px;min-height:38px}.elevator-controls{border-left:1px solid #dce7df;flex-direction:column;gap:20px;padding:22px;display:flex}.lift-legend{font:.6875rem var(--mono);color:#779280;justify-content:flex-end;gap:14px;margin-bottom:10px;padding-right:45px;display:flex}.traffic-scene{background:#122033;min-height:400px}.traffic-canvas{touch-action:none;width:100%;height:400px;display:block}.traffic-chart{color:#859dbd;background:#122033;border-top:1px solid #293b52;padding:12px 20px;font-size:.75rem}.traffic-chart canvas{width:100%;height:110px;margin-top:8px;display:block}.comparison-wrap{overflow:auto}.bike-view-toggle{z-index:2;position:absolute;top:13px;right:13px}.bike-canvas{height:355px}.bike-scene-note{color:#8398b4;pointer-events:none;font-size:.75rem;position:absolute;bottom:12px;left:16px}.bike-mini{color:#71839b;background:#f7f9fc;border-top:1px solid #e5eaf1;align-items:center;gap:16px;padding:16px 20px;font-size:.8125rem;display:flex}.bike-mini strong{font:1.125rem var(--mono);color:#bf8245}@media (max-width:900px){.jpeg-workbench{grid-template-columns:1fr 15px 1fr 15px 1fr;gap:10px;padding:23px 20px}.jpeg-panel h3{font-size:.8125rem}.jpeg-controls{grid-template-columns:1fr 1fr}.jpeg-controls .lab-callout{grid-column:1/-1}.training-layout{grid-template-columns:1.2fr 1fr}.network-node{grid-template-columns:28px 100px 1fr 40px;gap:12px}.gps-equations{grid-template-columns:1fr 1fr}}@media (max-width:720px){.printer-steps{grid-template-columns:repeat(3,1fr);padding:10px}.printer-pixels{gap:5px;max-width:290px}.printer-pixels button{min-height:30px}.jpeg-workbench{grid-template-columns:1fr 1fr;gap:24px;padding:22px 18px}.jpeg-workbench .jpeg-panel:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:0 20px;max-width:100%;display:grid}.jpeg-workbench .jpeg-panel:last-child .eyebrow{grid-column:1;margin-bottom:0}.jpeg-workbench .jpeg-panel:last-child h3{grid-column:1;margin:0}.jpeg-workbench .jpeg-panel:last-child .pixel-block{grid-area:1/2/4}.jpeg-workbench .jpeg-panel:last-child>p:last-child{grid-column:1}.jpeg-arrow{display:none}.jpeg-panel .eyebrow{font-size:.5625rem;line-height:1.6}.jpeg-panel h3{font-size:.875rem;line-height:1.6}.jpeg-controls{padding:20px}.pixel-block{padding:3px}.network-flow{padding:17px 12px}.network-node{grid-template-columns:28px 1fr 50px;gap:10px;padding:12px}.network-node p{grid-area:2/2/auto/4}.network-node time{grid-area:1/3}.waterfall{grid-column:2/4}.dimension-stage{height:345px}.training-layout{grid-template-columns:1fr}.training-core,.training-side{padding:20px}.training-side{border-top:1px solid #e4e2ec;border-left:0}.training-side .lab-actions{gap:9px}.training-core .matrix-grid{max-width:100%}.elevator-layout{grid-template-columns:1fr}.elevator-controls{border-top:1px solid #dce7df;border-left:0}.building{padding:20px 15px}.floor-row{grid-template-columns:23px 1fr 38px 38px 38px;gap:8px;min-height:45px}.traffic-canvas{height:320px}.traffic-scene{min-height:320px}.traffic-chart canvas{height:100px}.wave-canvas{height:300px}.wave-scene{padding:10px}.bike-canvas{height:300px}.gps-equations{gap:8px;padding:16px}.gps-equations>div{padding:10px}}.spatial-mode{z-index:2;background:#ffffffed;position:absolute;bottom:12px;right:12px}.canvas-host>div>svg{width:100%;height:100%}.lesson-viewing[data-astro-cid-bsgrux6o]{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;padding-bottom:4px;display:flex}.lesson-viewing[data-astro-cid-bsgrux6o] .lesson-time[data-astro-cid-bsgrux6o]{margin:0}.lesson-age[data-astro-cid-bsgrux6o]{color:#62735b;text-underline-offset:5px;align-items:center;min-height:44px;font-size:16px;-webkit-text-decoration:underline #bcc7b3;text-decoration:underline #bcc7b3;display:inline-flex}@media (max-width:760px){.lesson-viewing[data-astro-cid-bsgrux6o]{flex-flow:wrap;align-items:center;gap:18px}}
