.lab-showcase{--lab-grid:color-mix(in srgb, var(--line) 45%, transparent);max-width:1440px;padding:24px 30px 18px}.lab-showcase button,.lab-gallery button{cursor:pointer;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:9px 13px}.lab-showcase button:disabled{cursor:default;opacity:.55}.lab-heading,.lab-scene-title,.lab-carousel-controls,.lab-panel-kicker,.lab-section-title,.lab-home-links,.lab-result-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.lab-heading .section-kicker{letter-spacing:.1em;font-size:9px}.lab-showcase h1{letter-spacing:-.035em;margin:7px 0 0;font:800 clamp(22px,2.3vw,32px)/1.25 Manrope,sans-serif}.lab-heading>a{color:var(--muted);font-size:12px}.lab-scene-title{margin-bottom:14px}.lab-scene-title h2{letter-spacing:-.03em;margin:5px 0 0;font-size:20px}.lab-status{letter-spacing:.03em;color:var(--muted);font-size:10px}.lab-status.dynamic:before{content:"● "}.lab-carousel-controls{gap:6px}.lab-carousel-controls>span{color:var(--muted);margin-right:9px;font:600 12px monospace}.lab-carousel-controls button{min-width:44px;min-height:44px}.lab-carousel-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.lab-carousel-controls button span{font-size:11px}.lab-scene-frame{border:1px solid var(--line);background:var(--white);touch-action:pan-y;border-radius:16px;scroll-margin-top:90px;overflow:hidden}.lab-scene-frame:focus-visible{outline:3px solid var(--green);outline-offset:4px}.lab-scene-grid{grid-template-columns:54% 46%;height:580px;min-height:580px;animation:.2s ease-out lab-arrive;display:grid}.lab-schematic-panel{border-right:1px solid var(--line);flex-direction:column;min-width:0;padding:18px 20px 12px;display:flex}.lab-results-panel{flex-direction:column;min-width:0;padding:18px 20px 12px;display:flex}.lab-panel-kicker{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font:600 10px/1.4 monospace}.lab-panel-kicker span:last-child{color:var(--green)}.lab-circuit{flex:1;width:100%;height:auto;min-height:0;max-height:345px;display:block}.lab-circuit text{user-select:none}.lab-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;min-height:50px;margin:8px 0 0;display:grid}.lab-controls-static,.lab-motion-controls.lab-static-controls{display:none}.lab-slider{color:var(--muted);font-size:10px}.lab-slider>span{justify-content:space-between;gap:8px;display:flex}.lab-slider strong{color:var(--ink);font-size:12px}.lab-slider input{width:100%;accent-color:var(--green);cursor:pointer;min-height:20px;margin:9px 0 0}.lab-motion-controls{flex-wrap:wrap;align-items:center;gap:7px;min-height:37px;display:flex}.lab-motion-controls button{padding:6px 10px;font-size:10px}.lab-motion-controls>span,.lab-motion-controls>output{color:var(--muted);margin-left:auto;font:10px monospace}.lab-assumption{color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.6}.lab-equations{flex-direction:column;justify-content:center;min-height:101px;padding:10px 0 0;display:flex}.lab-equations .formula-block{background:0 0;border:0;min-width:0;margin:0;padding:6px 2px;font-size:13px}.lab-equations .katex-display{margin:7px 0;padding:2px;overflow:auto hidden}.lab-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:7px 0 12px;display:grid}.lab-metric{border:1px solid var(--line);border-radius:8px;min-width:0;padding:10px 9px}.lab-metric>span{color:var(--muted);font:11px monospace}.lab-metric strong{color:var(--ink);white-space:nowrap;font:700 clamp(14px,1.4vw,20px)/1.4 Manrope,sans-serif;display:block}.lab-metric strong small{font:10px monospace}.lab-metric.orange strong{color:var(--orange)}.lab-metric.blue strong{color:var(--blue)}.lab-metric.green strong{color:var(--green)}.lab-metric.violet strong{color:var(--violet)}.lab-graph-panel{margin-top:auto;position:relative}.lab-plot{width:100%;min-width:0;height:auto;display:block}.lab-graph-panel .lab-plot{max-height:205px}.lab-vector-inset{width:40%;height:90px;margin:-5px auto;display:block}.lab-legend{flex-wrap:wrap;justify-content:center;gap:15px;margin:-1px 0 10px;font:10px monospace;display:flex}.lab-legend span{align-items:center;gap:5px;display:inline-flex}.lab-legend i{border-top:2px solid;width:19px}.lab-result-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:11px;font-size:10px}.lab-result-footer a{color:var(--green)}.lab-thumbnails{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:13px 0;display:grid}.lab-thumbnails button{text-align:left;color:var(--muted);padding:10px 9px;position:relative;overflow:hidden}.lab-thumbnails button[aria-pressed=true]{color:var(--green);border-color:var(--green);background:color-mix(in srgb, var(--green) 7%, var(--white))}.lab-thumbnails svg{width:100%;height:31px;margin:0;display:block}.lab-thumb-number{color:var(--muted);font:9px monospace;position:absolute;top:7px;left:8px}.lab-thumbnails strong{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;line-height:1.3;display:block;overflow:hidden}.lab-home-links{font-size:11px}.lab-home-links .button{padding:10px 14px;font-size:11px}.lab-home-links>span{color:var(--muted);margin-left:auto;font:10px monospace}.lab-home-links>a:not(.button){color:var(--muted)}.lab-gallery.section,.lab-software.section,.lab-sessions.section,.lab-formats.section{border-bottom:1px solid var(--line);max-width:1440px;padding:52px 30px}.lab-section-title h2,.lab-sessions h2,.lab-formats h2{letter-spacing:-.035em;margin-bottom:0;font-size:25px}.lab-section-title>span{color:var(--muted);font:11px monospace}.lab-gallery-tools{gap:14px;margin:22px 0;display:grid}.lab-gallery-tools>label{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.lab-gallery input{border:1px solid var(--line);background:var(--white);color:var(--ink);width:min(100%,350px);font:inherit;border-radius:8px;padding:11px 13px}.lab-categories{gap:6px;padding-bottom:5px;display:flex;overflow-x:auto}.lab-categories button{flex:none;font-size:11px}.lab-categories button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.lab-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.lab-story-card{border:1px solid var(--line);background:var(--white);border-radius:12px;min-width:0;padding:10px 15px 15px;text-decoration:none;transition:border-color .15s,transform .15s}.lab-story-card:hover{border-color:var(--green);transform:translateY(-3px)}.lab-story-card .lab-circuit{width:100%;height:132px}.lab-story-card>span{color:var(--green);font-size:9px}.lab-story-card h3{color:var(--ink);margin:8px 0;font-size:15px}.lab-story-card small{color:var(--muted);font-size:10px}.lab-software-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.lab-software-grid article{background:var(--white);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}.lab-code{min-width:0;padding:17px}.lab-code>span{color:var(--green);font:600 12px monospace}.lab-code pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);min-height:90px;font:11px/1.7 monospace}.lab-code strong{color:var(--green);font:600 11px/1.7 monospace;display:block}.lab-code small{color:var(--muted);margin-top:15px;font-size:10px;line-height:1.6;display:block}.lab-software-index{color:var(--muted);margin-bottom:0;font-size:11px;line-height:1.9}.lab-sessions ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:25px 0 0;padding:0;list-style:none;display:grid}.lab-sessions li{border-top:2px solid var(--green);min-width:0;padding-top:13px}.lab-sessions li>span{color:var(--muted);font:11px monospace}.lab-sessions svg{width:100%;height:70px;color:var(--green);margin:8px 0;display:block}.lab-sessions strong{font-size:12px}.lab-format-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:25px;display:grid}.lab-format-grid article{border:1px solid var(--line);border-radius:10px;padding:17px 14px}.lab-format-grid span{color:var(--orange);font:11px monospace}.lab-format-grid h3{margin:14px 0 0;font-size:13px;line-height:1.5}.lab-unavailable{color:var(--muted);padding:14px 0 0;font-size:12px}.lab-formats>.button{margin-top:20px;font-size:12px;display:inline-flex}.lab-formats>small{color:var(--muted);margin-top:10px;font-size:10px;display:block}.lab-schematic-panel .circuit-wrap{flex:1;align-items:center;display:flex}.lab-lesson-link{color:var(--green);padding:30px 0}@keyframes lab-arrive{0%{opacity:.65}to{opacity:1}}@media (width>=1600px){.lab-showcase{padding-top:30px}.lab-scene-grid{min-height:560px}.lab-circuit{max-height:390px}}@media (width<=1000px){.lab-showcase{padding:22px 20px}.lab-results-panel,.lab-schematic-panel{padding:15px 12px}.lab-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-scene-grid{height:650px;min-height:650px}.lab-circuit{max-height:320px}.lab-thumbnails{scroll-snap-type:x proximity;padding-bottom:5px;display:flex;overflow-x:auto}.lab-thumbnails button{scroll-snap-align:start;flex:0 0 125px}.lab-gallery-grid,.lab-software-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.lab-showcase{padding:18px 13px}.lab-heading{align-items:start}.lab-heading>a{text-align:right;max-width:100px;font-size:10px}.lab-heading .section-kicker{font-size:8px}.lab-showcase h1{max-width:210px;font-size:23px}.lab-scene-title{align-items:end;gap:5px}.lab-scene-title h2{font-size:17px}.lab-status{font-size:8px}.lab-carousel-controls{flex-wrap:wrap;justify-content:end;gap:3px;max-width:145px}.lab-carousel-controls>span{text-align:right;width:100%;margin:0 3px 3px}.lab-carousel-controls button{min-width:44px;min-height:44px;padding:7px 10px}.lab-carousel-controls button span{display:none}.lab-scene-grid{grid-template-columns:minmax(0,1fr);height:970px;min-height:970px}.lab-schematic-panel{border-right:0;border-bottom:1px solid var(--line);padding:14px 12px}.lab-circuit{min-height:220px;max-height:280px}.lab-results-panel{padding:14px 12px}.lab-equations{min-height:110px}.lab-equations .formula-block{font-size:12px}.lab-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-metric strong{font-size:19px}.lab-controls{gap:14px}.lab-slider{font-size:9px}.lab-home-links{flex-wrap:wrap;gap:9px}.lab-home-links>span{font-size:8px}.lab-home-links>a:not(.button){font-size:9px}.lab-gallery.section,.lab-software.section,.lab-sessions.section,.lab-formats.section{padding:38px 16px}.lab-section-title h2,.lab-sessions h2,.lab-formats h2{font-size:22px}.lab-section-title>span{text-align:right;font-size:9px}.lab-gallery-grid,.lab-software-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lab-story-card{padding:7px 9px 13px}.lab-story-card .lab-circuit{height:105px;min-height:0}.lab-story-card h3{font-size:12px}.lab-story-card>span,.lab-story-card small{font-size:8px}.lab-code{padding:12px}.lab-code pre{font-size:9px}.lab-code>span{font-size:10px}.lab-software-grid .lab-plot{min-height:95px}.lab-sessions ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lab-sessions strong{font-size:10px}.lab-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-format-grid h3{font-size:12px}.lab-gallery-tools>label{flex-direction:column;align-items:start}.lab-gallery input,.lab-gallery-tools>label input{width:100%}.lab-motion-controls>output{font-size:9px}}@media (prefers-reduced-motion:reduce){.lab-scene-grid{animation:none}.lab-story-card{transition:none}}@media (width>=1001px) and (height<=850px){.lab-showcase{padding-top:16px}.lab-heading{margin-bottom:12px}.lab-scene-title{margin-bottom:10px}.lab-showcase h1{font-size:26px}.lab-scene-grid{height:480px;min-height:480px}.lab-circuit{max-height:275px}.lab-equations{min-height:85px}.lab-graph-panel .lab-plot{max-height:160px}.lab-vector-inset{height:70px}.lab-assumption{font-size:9px}.lab-thumbnails svg{height:26px}}.lab-format-grid p{color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.6}.lab-software .formula-block{margin:0 10px 15px;padding:10px;font-size:12px}.panorama-showroom{border:1px solid var(--line);color:#f1f5f7;touch-action:pan-y;background:#0d1822;border-radius:18px;max-width:1660px;margin:20px auto 0;overflow:hidden}.panorama-slides{isolation:isolate;height:clamp(430px,68vh,750px);position:relative}.panorama-slide{opacity:0;visibility:hidden;transition:opacity .6s;position:absolute;inset:0;overflow:hidden}.panorama-slide[data-active=true]{opacity:1;visibility:visible}.panorama-slide>img{object-fit:cover;object-position:40% 50%;width:100%;height:100%;display:block}.panorama-slide:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000 36%,#07121af0);position:absolute;inset:0}.panorama-caption{z-index:2;max-width:55%;position:absolute;bottom:44px;left:4%}.panorama-caption>span{color:#bfd3dc;letter-spacing:.1em;font-size:12px}.panorama-caption h2{letter-spacing:-.035em;color:#fff;margin:12px 0;font-size:clamp(30px,3.4vw,54px);line-height:1.1}.panorama-caption p{color:#dae4ea;margin:0 0 22px;font-size:15px}.panorama-caption>a{color:#d8fffa;background:#102b2cdb;border:1px solid #82d2cc;border-radius:10px;align-items:center;gap:25px;min-height:44px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.panorama-caption>a:hover{background:#174747}.panorama-art-note{color:#c9d3dd;z-index:2;font-size:10px;position:absolute;bottom:18px;right:4%}.panorama-analysis{backdrop-filter:blur(8px);z-index:1;--surface-plot:transparent;--ink:#e4f0f7;--text-primary:#e4f0f7;--text-secondary:#c8d8df;--axis-color:#adc1d0;--grid-major:#385162;--grid-minor:#243747;--blue:#78c9ef;--orange:#e8ad70;--violet:#c2b4f2;--green:#89cdb8;background:#091724d9;border:1px solid #54757b70;border-radius:14px;width:34%;max-width:460px;padding:18px;position:absolute;top:12%;right:3%}.panorama-analysis>span{color:#c6dce3;letter-spacing:.04em;font-size:11px}.panorama-analysis .engineering-plot{color:#dbe6ed;background:0 0!important}.panorama-analysis p{color:#dbe6ed;font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:12px;line-height:1.7}.panorama-analysis small{color:#b8cbd8;font-size:10px}.panorama-analysis .engineering-plot-wrap{min-width:0}.panorama-controls{background:#101f2b;border-top:1px solid #304451;justify-content:space-between;align-items:center;gap:14px;padding:12px 4%;display:flex}.panorama-controls>div{align-items:center;gap:15px;display:flex}.panorama-controls button{color:#e2eef4;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#152b38;border:1px solid #456273;border-radius:8px;padding:8px 12px}.panorama-controls button:disabled{cursor:default;opacity:.7}.panorama-controls>div>span{color:#bdced7;font-variant-numeric:tabular-nums;font-size:12px}.panorama-dots button{background:0 0;border-color:#0000;min-width:32px;padding:14px 8px}.panorama-dots span{background:#78909e;border-radius:50%;width:6px;height:6px;display:block}.panorama-dots button[aria-pressed=true] span{background:#95d5ce;border-radius:4px;width:24px}@media (width>=1700px){.panorama-showroom{margin-inline:auto}}@media (width<=1699px){.panorama-showroom{margin-inline:24px}}@media (width<=900px){.panorama-analysis{width:40%;padding:12px;top:7%;right:3%}.panorama-caption{max-width:65%;bottom:44px}.panorama-caption h2{font-size:36px}.panorama-caption p{font-size:13px}.panorama-slides{height:520px}}@media (width<=600px){.panorama-showroom{border-radius:12px;margin:12px 12px 0}.panorama-slides{height:770px}.panorama-slide>img{object-fit:cover;object-position:18% center;height:330px}.panorama-slide:after{background:linear-gradient(#0000 25%,#091724 58%)}.panorama-caption{max-width:calc(100% - 40px);bottom:300px;left:20px}.panorama-caption h2{margin:8px 0;font-size:30px}.panorama-caption p{margin:0 0 12px;font-size:12px}.panorama-caption>a{padding:8px 14px;font-size:12px}.panorama-analysis{background:#0a1a26d9;width:calc(100% - 40px);max-width:none;height:256px;padding:10px;display:block;inset:auto auto 34px 20px}.panorama-analysis>span{display:none}.panorama-analysis p{margin:5px 0 0;font-size:11px;line-height:1.7}.panorama-analysis small{font-size:10px}.panorama-art-note{font-size:8px;bottom:12px;right:20px}.panorama-controls{flex-wrap:wrap;gap:5px;padding:8px 10px}.panorama-controls>div{gap:4px}.panorama-controls button{min-width:40px;padding:6px;font-size:11px}.panorama-controls .panorama-dots{gap:0}.panorama-dots button{min-width:24px;padding:12px 5px}.panorama-controls>button{min-width:62px}.panorama-controls>div>span{font-size:10px}}@media (prefers-reduced-motion:reduce){.panorama-slide{transition:none}}.home-laboratories.section,.home-textbook.section{max-width:1660px;margin:auto;padding:38px 24px}.home-laboratories .lab-section-title{margin-bottom:20px}.home-laboratories h2,.home-textbook h2{margin:0;font-size:26px}.home-laboratories .lab-section-title>a{color:var(--accent);font-size:13px}.home-textbook{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;display:flex}.home-textbook p{color:var(--muted);margin:12px 0 0;font-size:14px}@media (width<=600px){.home-laboratories.section,.home-textbook.section{padding:24px 16px}.home-textbook{flex-direction:column;align-items:flex-start}.home-laboratories h2,.home-textbook h2{font-size:23px}}[data-theme=light] .panorama-showroom{background:var(--white);color:var(--ink)}[data-theme=light] .panorama-slide:after{background:linear-gradient(0deg, var(--white), transparent 55%)}[data-theme=light] :is(.panorama-caption,.panorama-analysis,.panorama-controls){background:var(--white);color:var(--ink);border-color:var(--line)}[data-theme=light] .panorama-caption{border:1px solid var(--line);border-radius:.75rem;padding:.75rem}[data-theme=light] :is(.panorama-caption h2,.panorama-caption p,.panorama-analysis p,.panorama-analysis .engineering-plot){color:var(--ink)}[data-theme=light] :is(.panorama-caption>span,.panorama-analysis>span,.panorama-analysis small,.panorama-controls>div>span,.panorama-art-note){color:var(--muted)}[data-theme=light] :is(.panorama-caption>a,.panorama-controls button){background:var(--surface);color:var(--ink);border-color:var(--line)}[data-theme=light] .panorama-caption>a:hover{background:var(--ref-soft)}[data-theme=light] .panorama-analysis{--ink:var(--text-primary);--text-primary:#131a35;--text-secondary:#5c6a80;--axis-color:#64748b;--grid-major:#dce3ee;--grid-minor:#eef2f7;--blue:var(--curve-blue);--orange:var(--curve-orange);--violet:var(--curve-violet);--green:var(--curve-green)}[data-theme=light] .panorama-dots button[aria-pressed=true] span{background:var(--accent)}@media (width<=600px){[data-theme=light] .panorama-slide:after{background:linear-gradient(0deg, var(--white) 42%, transparent 75%)}}.lab-showcase.hero{color:#eaf2ff;--ink:#eaf2ff;--muted:#a6b9d6;--paper:#071328;--white:#0c1d38;--line:#263e5d;--green:#70dfd1;--blue:#72baff;--violet:#b498ff;--orange:#ffc779;background:radial-gradient(at 75% 15%,#163965 0,#0000 52%),#071328;border:0;max-width:none;padding:26px max(30px,50vw - 740px) 22px}.lab-heading{margin-bottom:20px}.lab-heading .section-kicker{color:#8eabce;letter-spacing:.16em;font-size:10px}.lab-showcase h1{margin-top:9px;font-size:clamp(21px,2vw,31px)}.lab-heading>a{color:#b9cbee;border-bottom:1px solid #4b6d9e;padding-bottom:6px}.lab-scene-title h2{font-size:clamp(24px,3vw,39px)}.lab-status{font-size:10px}.lab-status.dynamic{color:#70dfd1}.lab-scene-frame{background:0 0;border:0;border-radius:0;overflow:visible}.lab-scene-grid{grid-template-columns:58% 42%;gap:26px;height:475px;min-height:475px;animation:.5s ease-out lab-arrive}.lab-schematic-panel{background:linear-gradient(145deg,#11284580,#0a1b3000);border:1px solid #294466;border-radius:18px;padding:18px 24px 12px;position:relative;overflow:hidden}.lab-schematic-panel:before{content:"";pointer-events:none;background-image:linear-gradient(#2b456c22 1px,#0000 1px),linear-gradient(90deg,#2b456c22 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.lab-schematic-panel>*{position:relative}.lab-results-panel{padding:6px 0}.lab-panel-kicker{font-size:9px}.lab-circuit{max-height:260px}.lab-equations{min-height:88px}.lab-metrics{gap:6px}.lab-metric{background:#102541;border-color:#294466;padding:10px 7px}.lab-metric strong{font-size:18px}.lab-result-footer{margin-top:12px}.lab-showcase button{color:#dceaff;background:#132c4a;border-color:#324a69}.lab-showcase button:hover{border-color:#7bb1fa}.lab-carousel-controls button[aria-pressed=true]{color:#071328;background:#dceaff}.lab-slider strong{color:#ecf4ff}.lab-assumption{font-size:10px;line-height:1.55}.lab-thumbnails{gap:8px;margin:18px 0 15px}.lab-thumbnails button{background:#11243d;border-color:#0000;border-radius:9px}.lab-thumbnails button[aria-pressed=true]{color:#a5d4ff;background:#173350;border-color:#68b0fb}.lab-thumbnails strong{font-size:10px}.lab-home-links .button.primary{color:#fff;background:linear-gradient(105deg,#328bff,#874fff);border:0}.lab-home-links{padding-bottom:5px}.lab-home-links>span{font-size:9px}.lab-scene-grid:has(.line-surface){height:auto;min-height:610px}.lab-scene-grid:has(.line-surface) .lab-schematic-panel>.lab-circuit,.lab-scene-grid:has(.line-surface) .lab-schematic-panel>.lab-assumption{display:none}.line-surface{min-width:0}.surface-top{color:#a6bddc;align-items:center;gap:8px;font-size:11px;display:flex}.surface-top>span{margin-right:auto}.surface-top button{padding:6px 9px;font-size:10px}.surface-svg{cursor:grab;width:100%;height:auto;max-height:335px;display:block}.surface-svg:active{cursor:grabbing}.surface-scale{color:#c4d4ed;align-items:center;gap:8px;font:10px monospace;display:flex}.surface-scale i{background:linear-gradient(90deg,#14599f,#d62ee5);border-radius:3px;width:110px;height:5px}.surface-scale small{margin-left:auto;font-size:9px}.surface-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.surface-controls label{color:#a6bddc;font:10px monospace}.surface-controls strong{float:right;color:#eaf2ff}.surface-controls input{accent-color:#76c6ff;width:100%;min-height:26px}.surface-reading{color:#c5dcff;gap:18px;padding:6px 0;font:12px monospace;display:flex}.surface-reading strong{color:#f7cf77}.surface-time{width:100%;max-height:135px;display:block}.surface-note{color:#afc2dd;font:9px/1.5 monospace;display:block}.advanced-labs.section,.engineering-board.section{max-width:1540px;padding:52px 30px}.advanced-labs .lab-section-title a{color:var(--blue);font-size:12px}.advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.advanced-card{border:1px solid var(--line);background:var(--white);border-radius:17px;min-width:0;padding:21px;text-decoration:none}.advanced-card .lab-circuit{height:185px}.advanced-card h3{color:var(--ink);margin:10px 0;font-size:18px}.advanced-card p{color:var(--muted);margin:0;font-size:12px}.advanced-live{color:var(--green);font-size:10px}.panorama-hero{max-width:1540px;padding:30px}.panorama-lead{color:var(--muted);margin:0 0 18px;font-size:15px}.panorama-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.panorama-card{min-height:320px;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s}.panorama-card:hover{border-color:var(--selection);transform:translateY(-2px)}.panorama-card h2{color:var(--ink);margin:10px 0 5px;font-size:21px}.panorama-card .lab-circuit{height:148px;margin:8px 0}.panorama-formula{color:var(--blue);font:700 15px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.engineering-board{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.engineering-board h2{margin:10px 0;font-size:26px}.board-toolbar{background:var(--white);border:1px solid var(--line);border-radius:12px 12px 0 0;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:10px;display:flex}.board-toolbar button{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:7px;padding:10px 14px;font-size:12px}.board-toolbar button[aria-pressed=true]{color:#fff;background:#435cce;border-color:#435cce}.board-toolbar button:disabled{opacity:.4;cursor:default}.board-toolbar button:last-child{margin-left:auto}.board-canvas{border:1px solid var(--line);touch-action:none;cursor:crosshair;background:#fff;border-top:0;border-radius:0 0 12px 12px;width:100%;max-height:440px;display:block}.engineering-board>small{color:var(--muted);margin-top:12px;font-size:11px;display:block}.lab-gallery.section,.lab-software.section,.lab-sessions.section,.lab-formats.section{max-width:1540px;padding:48px 30px}.lab-software-grid article{border-radius:16px}.lab-code>span{color:var(--blue)}.lab-sessions li{border-color:var(--blue)}.lab-sessions svg{color:var(--blue)}.lab-format-grid article{background:var(--white);border-radius:13px}.lab-unavailable{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:15px}@media (width>=1700px){.lab-scene-grid{height:540px;min-height:540px}.lab-circuit{max-height:300px}}@media (width<=1100px){.lab-scene-grid{grid-template-columns:52% 48%;gap:15px;height:530px;min-height:530px}.lab-showcase.hero{padding:22px 24px}.lab-schematic-panel{padding:15px}.lab-metric strong{font-size:15px}.lab-thumbnails{display:flex;overflow-x:auto}.lab-thumbnails button{flex:0 0 115px}.advanced-card{padding:15px}.advanced-card h3{font-size:16px}}@media (width<=700px){.lab-showcase.hero,.panorama-hero{padding:23px 16px}.panorama-grid{grid-template-columns:1fr;gap:12px}.panorama-card{min-height:280px}.panorama-card .lab-circuit{height:130px}.lab-heading{align-items:start}.lab-heading .section-kicker{font-size:8px}.lab-heading>a{white-space:nowrap;font-size:10px}.lab-showcase h1{max-width:240px;font-size:24px}.lab-scene-title{align-items:end}.lab-scene-title h2{font-size:24px}.lab-carousel-controls{gap:4px}.lab-carousel-controls>span{display:none}.lab-carousel-controls button{padding:8px}.lab-carousel-controls button span{display:none}.lab-scene-grid,.lab-scene-grid:has(.line-surface){flex-direction:column;gap:18px;height:auto;min-height:0;display:flex}.lab-schematic-panel{border-radius:12px;min-height:330px}.lab-circuit{min-height:190px;max-height:230px}.lab-controls{gap:14px}.lab-results-panel{padding:0 2px}.lab-metric strong{font-size:16px}.lab-equations{min-height:80px}.lab-graph-panel .lab-plot{max-height:none}.lab-result-footer{padding-bottom:12px}.lab-home-links{flex-wrap:wrap}.lab-home-links>span{margin-left:0}.lab-thumbnails{margin-top:12px}.advanced-labs.section,.engineering-board.section,.lab-gallery.section,.lab-software.section,.lab-sessions.section,.lab-formats.section{padding:32px 16px}.advanced-grid{grid-template-columns:1fr;gap:12px}.advanced-card .lab-circuit{height:150px;min-height:130px}.advanced-labs .lab-section-title{align-items:start}.advanced-labs h2{font-size:23px}.advanced-labs .lab-section-title a{white-space:nowrap;font-size:10px}.surface-top{font-size:9px}.surface-top button{padding:7px}.surface-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.surface-scale small{font-size:8px}.surface-scale i{width:60px}.board-toolbar button{min-height:44px;padding:8px 11px;font-size:11px}.board-toolbar button:last-child{margin-left:0}.board-canvas{object-fit:contain;height:280px}.engineering-board .lab-section-title{align-items:start}.engineering-board .lab-section-title>span{max-width:110px;font-size:9px}.lab-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.lab-scene-grid{animation:none}}.panoramic-line-scene{min-height:540px}.panoramic-line-scene .line-surface{grid-template-columns:29% minmax(0,1fr);align-items:start;column-gap:30px;display:grid}.surface-top{grid-column:1/-1;margin-bottom:8px}.surface-circuit{grid-area:2/1}.surface-circuit .lab-circuit{height:200px;min-height:0;max-height:none}.surface-circuit p{color:#a6bddc;margin:0 0 15px;font:11px monospace}.surface-svg{grid-area:2/2/5;width:100%;max-height:370px}.surface-scale{grid-area:5/2}.surface-controls{grid-area:3/1;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.surface-reading{flex-wrap:wrap;grid-area:4/1;gap:8px;margin-top:10px;font-size:11px}.surface-time{grid-area:6/2;max-height:135px}.surface-note{grid-area:6/1;margin-top:15px}.panoramic-line-scene .lab-result-footer{margin-top:12px}@media (width<=700px){.panoramic-line-scene .line-surface{flex-direction:column;gap:8px;display:flex}.surface-top,.surface-circuit{width:100%}.surface-circuit .lab-circuit{height:150px}.surface-svg{max-height:none}.surface-controls{order:1;width:100%}.surface-reading{order:2}.surface-time{order:3}.surface-note{order:4;margin-top:0}.surface-scale{width:100%}.panoramic-line-scene{min-height:0}}@media (width>=701px){.lab-showcase .lab-scene-grid{grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);height:530px;min-height:530px}.lab-showcase .lab-graph-panel .lab-plot{max-height:175px}}.surface-equation{grid-area:5/1;min-width:0}.surface-equation .formula-block{color:#dceaff;background:0 0;border:0;margin:4px 0;padding:8px 0;font-size:11px}.surface-equation .katex-display{margin:4px 0}@media (width<=700px){.surface-equation{order:3;width:100%}.surface-equation .formula-block{font-size:12px}}.surface-section{grid-area:2/2/5;min-width:0}.surface-section .engineering-plot-wrap,.surface-time .engineering-plot-wrap{--ink:#c4d4ed;--muted:#a9bfdc;--line:#324866;--white:#0c1d38;--blue:#7cdfff;--green:#f7cf77}.surface-time{max-height:none}.surface-time .engineering-plot{max-height:165px}.surface-section .engineering-plot{max-height:360px}.surface-section .engineering-plot-wrap{width:100%}.surface-time .engineering-readout{font-size:10px}@media (width<=700px){.surface-section{width:100%}.surface-top{flex-wrap:wrap}.surface-time .engineering-plot{max-height:none}}.lab-showcase{scroll-margin-top:5.5rem}
