.white-lab{--blue:#3266c5;--control-fill:#284c79;--control-soft:#eaf0f9;--control-line:#d5dfec;--control-ink:#294c7a;background:#fff;background-image:linear-gradient(#f4f7fb 1px,transparent 1px),linear-gradient(90deg,#f4f7fb 1px,transparent 1px);background-size:24px 24px}.white-lab .lab-shell{padding:0 26px 12px;grid-template-rows:76px minmax(0,1fr) auto}.white-lab .masthead{border:0;margin-bottom:12px}.white-lab .brand h1{font-size:24px;letter-spacing:.04em;color:#20344d}.white-lab .brand .room-section{font-size:11px;color:#7b8ba0;letter-spacing:.1em}.white-lab .machine-nav{background:#ffffffb8;border:0;border-radius:0;box-shadow:none;gap:4px}.white-lab .machine-nav a{border-radius:0;padding:11px 16px;color:#6b7e95;position:relative}.white-lab .machine-nav a[aria-current=page]{background:transparent;color:#244e87}.white-lab .machine-nav a[aria-current=page]:after{content:"";position:absolute;bottom:2px;left:16px;right:16px;height:2px;background:#3266c5}.white-lab .visual-stage{border-color:#dde6f0;border-radius:3px;box-shadow:0 12px 48px #304d7505}.white-lab .scene-top{top:22px;left:28px;right:27px;gap:17px}.white-lab .scene-top h2{font-size:20px;letter-spacing:.04em;color:#243c59}.white-lab .outline-button{border-color:#d8e2ef;border-radius:7px;background:#fff;font-size:12px;box-shadow:none;padding:9px 11px}.bench-frame{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.bench-frame>i{position:absolute;width:20px;height:20px;border-color:#718dab;border-style:solid;opacity:.65}.bench-frame>i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.bench-frame>i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.bench-frame>i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.bench-frame>i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.bench-ruler{position:absolute;top:130px;bottom:124px;width:8px;background:repeating-linear-gradient(to bottom,#b9c9dc 0 1px,transparent 1px 20px);opacity:.55}.bench-ruler:after{content:"";position:absolute;inset:0;width:4px;background:repeating-linear-gradient(to bottom,#b9c9dc 0 1px,transparent 1px 10px)}.bench-ruler-left{left:12px}.bench-ruler-right{right:12px;transform:scaleX(-1)}.bench-reference{position:absolute;left:29px;top:69px;font:10px/1.4 Consolas,Microsoft YaHei,monospace;letter-spacing:.14em;color:#8195ac}.white-lab .scene-bottom{left:50%;right:auto;bottom:22px;transform:translate(-50%);width:max-content;max-width:calc(100% - 48px);align-items:center;gap:16px;padding:9px;border:1px solid #d5e0ee;border-radius:16px;background:#ffffffed;box-shadow:0 10px 32px #264a7012,0 2px 4px #264a7005;backdrop-filter:blur(12px);pointer-events:auto}.white-lab .play{height:48px;width:146px;border-radius:10px;background:#284c79;border-color:#284c79;box-shadow:0 3px 6px #284c791a;font-size:14px}.white-lab .play:not(:disabled):hover{background:#1f416d;box-shadow:0 4px 10px #284c7920}.white-lab .play #play-icon{width:27px;height:27px;background:#ffffff1c}.white-lab .playback-controls{gap:6px}.white-lab .speed-control.playback-speed{width:99px;height:42px;background:transparent;border-color:transparent;box-shadow:none}.white-lab .speed-control .speed-trigger{font-size:12px}.white-lab .stage-tools{gap:8px}.white-lab .mode-bar{border:0;border-radius:0;background:transparent;padding:0;gap:3px;box-shadow:none}.white-lab .mode-bar>button{font-size:12px;padding:12px 14px;border-radius:8px;color:#5b6f88}.white-lab .mode-bar>button[aria-pressed=true]{background:#e9f0fa;color:#2b568e}.white-lab .mode-bar>button[data-mode=explode]{border:1px solid #d2dfef;color:#315f9b}.white-lab .camera-tools{gap:1px;margin-left:7px;padding-left:7px}.white-lab .camera-tools button{width:29px;height:36px}.white-lab .camera-tools svg{width:17px;height:17px}.white-lab .whiteboard-open{width:39px;height:39px;border-radius:9px;background:#f0f4fa;border-color:#dce5f0;color:#496b99;box-shadow:none}.white-lab .whiteboard-open:hover{background:#e4edf9}.white-lab .whiteboard-open svg{width:19px;height:19px}.white-lab .exploration-tools{top:99px;left:28px;gap:10px}.white-lab .exploration-tools>span{display:none}.white-lab .exploration-tools>div{border-color:#dbe4ef;box-shadow:none;background:#fffe}.white-lab .exploration-tools button{font-size:11px;padding:7px 10px}.white-lab .part-inspector{left:28px;top:151px;min-width:198px;border-radius:8px;border-color:#d6e1ee;box-shadow:0 7px 25px #254a7310;padding:15px 14px 16px 17px}.white-lab .part-inspector:before{content:"";position:absolute;left:-1px;top:17px;bottom:17px;width:2px;background:#6e8db7}.white-lab .part-inspector h3{font-size:15px;letter-spacing:.04em}.white-lab .part-inspector p{font-size:12px;font-style:normal;color:#61758e}.white-lab .teaching-footer{min-height:90px;padding-top:19px;column-gap:42px}.white-lab .current-caption{border-left:2px solid #91aacc;padding-left:13px}.white-lab .current-caption h2{font-size:16px;color:#2a4564}.white-lab .current-caption p{font-size:13px;color:#5e738e}.white-lab .cycle-phase{font-size:15px;letter-spacing:.04em;color:#61738e}.white-lab .cycle-phase-meter{height:6px;border-radius:3px;background:#dce6f3}.white-lab .cycle-phase.is-current{color:#315f9b}.white-lab .lesson-panel{background:#f8faff;border-color:#d6e1ef;box-shadow:0 18px 50px #264a7320}@media(min-width:1000px)and (prefers-reduced-motion:no-preference){.white-lab .bench-frame{animation:bench-arrival .7s ease-out both}@keyframes bench-arrival{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}}@media(max-width:1100px){.white-lab .scene-bottom{gap:9px}.white-lab .mode-bar>button{padding:11px 10px}.white-lab .camera-tools{display:none}}@media(max-width:820px){.white-lab .lab-shell{padding-left:16px;padding-right:16px}.white-lab .masthead{gap:5px}.white-lab .machine-nav a{padding:7px 10px}.white-lab .scene-bottom{max-width:calc(100% - 32px);padding:8px;gap:8px}.white-lab .play{width:128px}.white-lab .mode-bar>button{padding:10px 9px;font-size:11px}.white-lab .speed-control.playback-speed{width:86px}}@media(max-width:600px){.white-lab .lab-shell{padding:0 12px 10px}.white-lab .brand h1{font-size:18px}.white-lab .brand .room-section{font-size:10px}.white-lab .scene-top{top:15px;left:15px;right:14px;gap:7px}.white-lab .scene-top h2{font-size:13px;letter-spacing:0}.white-lab .outline-button{font-size:10px;padding:8px 7px;gap:3px}.bench-reference{left:16px;top:59px;font-size:9px;letter-spacing:.04em}.bench-ruler{top:112px;bottom:152px;width:5px}.bench-ruler-left{left:5px}.bench-ruler-right{right:5px}.white-lab .exploration-tools{top:83px;left:15px;right:auto;justify-content:flex-start}.white-lab .exploration-tools button{font-size:10px;padding:6px 9px}.white-lab .scene-bottom{bottom:13px;width:calc(100% - 24px);max-width:none;display:flex;flex-direction:column;gap:6px;border-radius:13px;padding:7px}.white-lab .playback-controls{flex-direction:row;justify-content:space-between;width:100%;gap:8px}.white-lab .play{height:42px;width:135px;font-size:12px}.white-lab .speed-control.playback-speed{height:40px;width:95px}.white-lab .speed-control .speed-trigger{min-height:40px}.white-lab .stage-tools{width:100%;justify-content:space-between;margin:0;gap:6px}.white-lab .mode-bar{flex:1;gap:4px}.white-lab .mode-bar>button{flex:1;font-size:10px;padding:9px 8px;min-height:35px}.white-lab .whiteboard-open{width:35px;height:35px}.white-lab .part-inspector{top:auto;left:15px;bottom:131px;min-width:178px;max-width:calc(100% - 30px);padding:11px 12px 12px 14px}.white-lab .part-inspector h3{font-size:13px}.white-lab .part-inspector p{font-size:11px}.white-lab .teaching-footer{padding-top:14px;min-height:98px;gap:8px}.white-lab .current-caption p{font-size:12px}.white-lab .current-caption h2,.white-lab .cycle-phase{font-size:14px}.white-lab .assembly-steps .assembly-step{font-size:12px}.white-lab .cycle-phase-meter{height:5px}.white-lab.is-exploring .playback-controls{justify-content:center}}.white-lab.cooling-lab #heat-direction{font-size:14px;line-height:20px;color:#5e738e}.white-lab.cooling-lab .thermal-legend{top:96px;left:29px;color:#71839a}.white-lab.cooling-lab .operation-switch{background:#fff;border-color:#d8e2ef;margin-left:auto}@media(max-width:600px){.white-lab.cooling-lab #heat-direction{font-size:12px;line-height:18px}.white-lab.cooling-lab .scene-top{flex-wrap:wrap}.white-lab.cooling-lab .scene-top #lesson-toggle{margin-left:auto}.white-lab.cooling-lab .operation-switch{position:absolute;right:0;top:43px}.white-lab.cooling-lab .thermal-legend{top:83px;left:16px}.white-lab.cooling-lab .bench-reference{font-size:8px}}
