@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Readex+Pro:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Sans Arabic,sans-serif;color:#eef7fb;background:#071722;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#071722;--panel:#0d202d;--panel2:#112735;--line:rgba(177,216,231,.12);--muted:#87a2b0;--cyan:#75e0d2;--blue:#74c4ea;--orange:#ffb178;--green:#9ce4c3;--purple:#aa9aff}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 55% 10%,#12364a 0,#091f2d 34%,#071722 76%);overflow-x:hidden}button,input{font:inherit}button{color:inherit}.ambient{position:fixed;z-index:0;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.12}.ambient-one{width:360px;height:360px;left:-130px;top:24vh;background:#30adbd}.ambient-two{width:280px;height:280px;right:-110px;top:9vh;background:#405ce8}.app-shell{position:relative;z-index:1;max-width:1510px;margin:auto;padding:0 52px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(195,226,238,.1)}.brand{display:flex;align-items:center;gap:12px;color:#f2f8fa;text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(117,224,210,.45);border-radius:13px 13px 13px 5px;transform:rotate(-7deg);background:linear-gradient(135deg,#75e0d21f,#75e0d206);position:relative}.brand-mark:before{content:"";width:2px;height:16px;background:#75e0d2;box-shadow:0 0 10px #75e0d2;border-radius:2px}.brand-mark:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#75e0d2;bottom:7px;box-shadow:0 0 9px #75e0d2}.brand-name{font-family:Readex Pro,IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:19px;line-height:1.05}.brand-name>span{color:var(--cyan)}.brand-name small{display:block;font-family:IBM Plex Sans Arabic,sans-serif;font-size:10px;color:#7f9ca9;font-weight:400;margin-top:5px;letter-spacing:.15px}.topbar-meta{display:flex;align-items:center;gap:9px;color:#93aab5;font-size:12px}.live-dot,.hud-pulse{width:7px;height:7px;border-radius:50%;background:#69dfba;box-shadow:0 0 12px #69dfbacc}.topbar-divider{height:14px;width:1px;background:var(--line);margin:0 5px}.lesson-code{color:#668595}.quiet-button{border:1px solid rgba(191,222,234,.14);background:#ffffff06;padding:9px 14px;border-radius:10px;color:#a9c0ca;font-size:12px;cursor:pointer;transition:.2s}.quiet-button:hover,.view-button:hover{border-color:#75e0d280;color:#e4fffb}.quiet-button span{font-size:16px;margin-left:5px}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;padding:37px 0 26px;gap:20px}.eyebrow{display:flex;align-items:center;gap:9px;color:#82cfc7;font-size:11px;letter-spacing:.35px}.eyebrow-line{height:1px;width:20px;background:#68bcb8}.intro-row h1{font-family:Readex Pro,IBM Plex Sans Arabic,sans-serif;font-size:34px;letter-spacing:-.6px;margin:6px 0 0;font-weight:600;line-height:1.4}.intro-row h1 em{font-style:normal;color:var(--cyan)}.intro-copy{margin:4px 0 0;color:#92aab5;font-size:13px}.lesson-chip{display:flex;align-items:center;gap:11px;margin-bottom:4px;border:1px solid rgba(128,204,209,.14);background:#75e0d209;padding:10px 14px;border-radius:13px}.chip-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#75e0d21a;color:var(--cyan);font-size:22px}.lesson-chip b,.lesson-chip small{display:block}.lesson-chip b{font-size:11px;font-weight:600}.lesson-chip small{font-size:10px;color:var(--muted);margin-top:2px}.lab-layout{display:grid;grid-template-columns:minmax(0,1.54fr) minmax(345px,.86fr);gap:23px;align-items:start}.scene-column{min-width:0}.scene-frame{position:relative;height:423px;overflow:hidden;border:1px solid rgba(133,205,221,.19);border-radius:20px;background:radial-gradient(ellipse at 55% 24%,#153a4a,#0d2937 48%,#081c29);box-shadow:0 21px 70px #0000003b,inset 0 0 0 1px #ffffff06}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:grab}.scene-host:active{cursor:grabbing}.scene-host canvas{display:block;width:100%;height:100%;outline:none}.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,rgba(3,15,24,.35) 0,transparent 19%,transparent 74%,rgba(3,13,21,.3) 100%)}.scene-hud{position:absolute;z-index:3;top:17px;right:18px;left:18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hud-kicker{display:flex;align-items:center;gap:8px;border:1px solid rgba(200,236,245,.15);border-radius:20px;background:#071620b3;padding:7px 11px;color:#d1e8ee;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-pulse{width:6px;height:6px}.view-button{pointer-events:auto;display:flex;align-items:center;gap:7px;background:#07162099;border:1px solid rgba(200,236,245,.13);border-radius:9px;color:#9ab6c2;padding:7px 10px;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.view-button span{font-size:10px}.temp-readout{position:absolute;z-index:3;top:65px;right:18px;width:111px;border:1px solid rgba(185,227,239,.14);border-radius:14px;padding:11px 13px;background:#05141ea6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 26px #00000021}.readout-label{display:block;color:#8da9b4;font-size:10px}.temp-readout strong{display:flex;align-items:baseline;gap:3px;margin-top:2px;font-family:Readex Pro,sans-serif;font-size:29px;color:#f2fcff;line-height:1.35}.temp-readout strong small{font-family:IBM Plex Sans Arabic,sans-serif;font-size:14px;color:var(--cyan)}.readout-state{display:inline-block;padding-top:5px;color:#99c9c7;font-size:9px}.scene-caption{position:absolute;z-index:3;left:17px;bottom:17px;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;border:1px solid rgba(193,228,239,.12);background:#05141eab;color:#b5cad2;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.caption-cyan,.caption-ice{width:7px;height:7px;background:#ff986e;box-shadow:0 0 8px #ff986e;border-radius:50%}.caption-ice{background:#8bdbfa;box-shadow:0 0 8px #8bdbfa}.caption-gap{width:7px}.drag-hint{position:absolute;z-index:3;bottom:19px;right:50%;transform:translate(50%);font-size:9px;color:#c2dee794;white-space:nowrap;pointer-events:none}.drag-hint span{font-size:13px;margin-left:4px}.scene-toast{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%) translateY(6px);border:1px solid rgba(122,227,198,.35);background:#071f27ed;box-shadow:0 15px 48px #00000059;padding:12px 19px;border-radius:13px;color:#caffeb;font-size:13px;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap}.scene-toast.show{opacity:1;transform:translate(-50%,-50%)}.temperature-console{margin-top:14px;border:1px solid var(--line);background:linear-gradient(140deg,#0e2431ed,#0a1d29e6);border-radius:17px;padding:17px 20px 15px;box-shadow:0 10px 30px #0000001a}.console-top{display:flex;justify-content:space-between;align-items:center}.console-heading{display:flex;align-items:center;gap:10px}.console-icon{width:30px;height:30px;border-radius:9px;background:#ff9d6c1a;color:#ffb178;display:grid;place-items:center;font-family:Readex Pro,sans-serif;font-size:21px;font-weight:600}.console-heading b,.console-heading small{display:block}.console-heading b{font-size:12px;font-weight:600}.console-heading small{color:var(--muted);font-size:10px;margin-top:2px}.console-value{font-family:Readex Pro,sans-serif;color:#f3fbff;font-size:22px;line-height:1}.console-value small{font-family:IBM Plex Sans Arabic,sans-serif;color:#96b9c4;font-size:12px;margin-right:3px}.slider-wrap{position:relative;margin:17px 1px 15px}.slider-endpoints{display:flex;justify-content:space-between;color:#7995a2;font:10px Readex Pro,sans-serif;margin-bottom:7px}.slider-wrap input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;outline:none;direction:ltr;background:linear-gradient(to right,#53bdd5,#7de0d1 26.7%,#dbb181 50%,#ff9069 92%,#f06f59);cursor:pointer}.slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border:3px solid #e9fffb;border-radius:50%;background:#39c9b6;box-shadow:0 0 0 4px #38c9b62e,0 1px 9px #0000004d}.slider-wrap input[type=range]::-moz-range-thumb{width:13px;height:13px;border:3px solid #e9fffb;border-radius:50%;background:#39c9b6;box-shadow:0 0 0 4px #38c9b62e}.slider-ticks{position:absolute;top:35px;left:1px;right:1px;display:flex;justify-content:space-between;padding:0 4px;pointer-events:none}.slider-ticks i{width:1px;height:4px;background:#c2e1e942}.quick-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:3px}.quick-temp{display:flex;align-items:center;gap:9px;text-align:right;background:#ffffff05;border:1px solid rgba(185,223,235,.105);border-radius:11px;padding:9px 11px;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.quick-temp:hover{transform:translateY(-1px);background:#ffffff0b;border-color:#79e0d252}.quick-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px}.ice-icon{color:#88e0ff;background:#65c7f01a}.heat-icon{color:#ffad7e;background:#ff9d6c1a}.quick-temp b,.quick-temp small{display:block}.quick-temp b{font-size:10px;font-weight:500}.quick-temp small{font:10px Readex Pro,sans-serif;color:#8ba8b4;margin-top:1px}.quick-arrow{margin-right:auto;color:#7a9ba9;font-size:13px}.safety-note{display:flex;align-items:center;gap:9px;margin-top:12px;padding:9px 11px;border-radius:9px;border:1px solid rgba(255,177,120,.13);background:#ffb1780a;color:#a6aeb0;font-size:9px;line-height:1.8}.safety-note b{color:#ffd0aa;font-weight:600;margin-left:3px}.safety-icon{flex:0 0 18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#ffb17821;color:#ffbd89;font-weight:700}.lesson-panel{position:relative;min-height:616px;border:1px solid rgba(143,201,216,.15);border-radius:19px;padding:20px 20px 0;background:linear-gradient(145deg,#0e222ff7,#0a1b27f5);box-shadow:0 17px 54px #0000002e;overflow:hidden}.lesson-panel:before{content:"";position:absolute;top:-100px;left:-98px;width:210px;height:210px;border-radius:50%;background:#61c9b70f;filter:blur(50px);pointer-events:none}.panel-heading{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.panel-eyebrow{font-size:10px;color:#78c8c0}.panel-heading h2{font-family:Readex Pro,IBM Plex Sans Arabic,sans-serif;font-size:19px;font-weight:600;line-height:1.4;margin:5px 0 0;color:#f2f8f9}.step-number{font:15px Readex Pro,sans-serif;color:#ddf8f2;white-space:nowrap}.step-number i{font-style:normal;font-size:10px;color:#6d8794}.progress-track{height:3px;background:#d2ebf21a;border-radius:3px;margin-top:16px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#39b9af,#96efd1);border-radius:3px;transition:width .4s}.step-list{display:flex;justify-content:space-between;align-items:flex-start;margin:16px 2px 17px;position:relative}.step-list:before{content:"";position:absolute;right:10px;left:10px;top:9px;height:1px;background:#c5e3ea1c}.step-dot-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;width:38px;color:#617f8d;font-size:9px;white-space:nowrap}.step-dot{width:19px;height:19px;border:1px solid #355160;background:#102937;border-radius:50%;display:grid;place-items:center;font:9px Readex Pro,sans-serif;transition:.25s}.step-dot-wrap.active{color:#c0eae3}.step-dot-wrap.active .step-dot{background:#6ad5c2;border-color:#98f0dd;color:#09252c;box-shadow:0 0 0 4px #6ad5c21f}.step-dot-wrap.done .step-dot{background:#183f42;border-color:#4eae9f;color:#9de4d2}.step-dot-wrap.done{color:#85bcb1}.instruction-card{position:relative;padding:15px 15px 13px;border:1px solid rgba(133,206,201,.15);border-radius:13px;background:linear-gradient(135deg,#2a6e691f,#112b3775);min-height:144px}.instruction-label{display:flex;align-items:center;gap:7px;color:#91d7ca;font-size:10px}.instruction-dot{width:6px;height:6px;border-radius:50%;background:#71d5c5;box-shadow:0 0 9px #71d5c5b3}.instruction-card p{margin:9px 0 0;color:#c2d3da;font-size:12px;line-height:2.05}.step-hint{margin-top:8px;border-top:1px solid rgba(176,218,224,.09);padding-top:8px;color:#8fa8b2;font-size:10px;line-height:1.7}.step-hint:empty{display:none}.step-hint b{color:#cdeee7;font-weight:600}.audio-card{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid rgba(139,207,219,.12);border-radius:12px;background:#ffffff05}.audio-play{flex:0 0 32px;height:32px;border:0;border-radius:10px;background:linear-gradient(145deg,#8ae7d5,#58c7b8);color:#08302e;cursor:pointer;font-size:11px;box-shadow:0 4px 12px #2aad9d2e}.audio-play:hover{filter:brightness(1.08)}.audio-copy{min-width:0;flex:1}.audio-copy b,.audio-copy span{display:block}.audio-copy b{font-size:10px;color:#d6e9ed;font-weight:600}.audio-copy span{font-size:9px;color:#7996a3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-repeat{border:0;background:transparent;color:#8ba9b5;cursor:pointer;font-size:16px;padding:6px}.audio-repeat:hover{color:var(--cyan)}.stage-action{margin-top:13px;min-height:46px}.primary-action{display:flex;width:100%;justify-content:center;align-items:center;gap:9px;border:1px solid rgba(123,232,207,.55);border-radius:11px;padding:11px 15px;background:linear-gradient(105deg,#54cbb7,#83dec8);color:#082d31;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 7px 18px #2fb5a021;transition:transform .18s,filter .18s,opacity .18s}.primary-action:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.primary-action:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.4);box-shadow:none}.primary-action .action-arrow{font-size:15px}.secondary-action{border-color:#9ac4d033;background:#ffffff09;color:#d2e6e9;box-shadow:none}.outline-action{background:#73cdc10f;color:#a9e9dc;box-shadow:none}.action-subtext{text-align:center;color:#7e99a5;font-size:9px;line-height:1.8;margin-top:6px}.quiz-area{margin-top:12px}.quiz-progress{display:flex;justify-content:space-between;color:#83a0ac;font-size:10px;margin-bottom:8px}.quiz-question{font-size:12px;color:#e4f1f3;font-weight:600;line-height:1.8;margin:0 0 9px}.quiz-options{display:grid;gap:7px}.quiz-option{display:flex;align-items:center;gap:9px;text-align:right;border:1px solid rgba(169,211,221,.12);background:#ffffff05;border-radius:9px;padding:8px 10px;font-size:10px;color:#b7cbd1;cursor:pointer;transition:.2s}.quiz-option:hover:not(:disabled){border-color:#75e0d273;background:#75e0d20e}.quiz-option:disabled{cursor:default}.option-letter{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;border-radius:7px;background:#b1d6df14;color:#a8c4ce;font:10px Readex Pro,sans-serif}.quiz-option.correct{border-color:#65d9a98f;background:#49ae831b;color:#c3f4de}.quiz-option.correct .option-letter{background:#67c99c;color:#082b25}.quiz-option.wrong{border-color:#ff85747a;background:#eb5f5213;color:#ffc5b8}.quiz-option.wrong .option-letter{background:#d47768;color:#32110e}.quiz-feedback{margin-top:8px;border-radius:8px;padding:8px 9px;background:#6ecda413;color:#a7e1c3;font-size:10px;line-height:1.7}.quiz-feedback.incorrect{background:#eb876d13;color:#f5b7a1}.quiz-finish{padding:8px 0 3px;text-align:center}.score-ring{width:75px;height:75px;margin:0 auto 8px;border:3px solid rgba(106,218,183,.56);border-radius:50%;display:grid;place-content:center;color:#bdf3dd;background:#6adab70f;font:21px Readex Pro,sans-serif}.score-ring small{font:9px IBM Plex Sans Arabic,sans-serif;color:#8ca9b4}.quiz-finish h3{font-size:13px;margin:2px 0;color:#dff5ef}.quiz-finish p{font-size:10px;color:#91aab4;line-height:1.8;margin:5px 0 10px}.panel-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(175,217,227,.095);margin:14px -20px 0;padding:12px 20px;color:#76919d;font-size:9px}.footer-spark{color:#80dec6;margin-left:5px}.page-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(166,209,221,.08);margin-top:27px;padding:16px 1px 22px;color:#647e89;font-size:9px}.footer-dot{color:#7fcbbd;margin:0 4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.scene-frame{height:463px}.lesson-panel{min-height:656px}.instruction-card{min-height:155px}.lab-layout{gap:25px}}@media(max-width:1050px){.app-shell{padding:0 27px}.lab-layout{grid-template-columns:minmax(0,1.3fr) minmax(322px,.9fr);gap:15px}.scene-frame{height:390px}.lesson-panel{padding:17px 16px 0}.panel-footer{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.instruction-card{min-height:152px}.intro-row h1{font-size:30px}}@media(max-width:780px){.app-shell{padding:0 18px}.topbar{height:70px}.topbar-meta{display:none}.intro-row{padding:27px 0 20px}.intro-row h1{font-size:27px}.intro-copy{font-size:11px;max-width:360px}.lesson-chip{padding:8px 10px}.lab-layout{grid-template-columns:1fr}.scene-frame{height:clamp(310px,58vw,430px)}.lesson-panel,.instruction-card{min-height:unset}.page-footer{margin-top:21px}.lesson-panel{padding-bottom:0}.panel-footer{margin-top:12px}}@media(max-width:480px){.app-shell{padding:0 12px}.brand-mark{width:32px;height:32px}.brand-name{font-size:16px}.brand-name small{font-size:8px}.quiet-button{padding:8px 9px;font-size:10px}.quiet-button span{font-size:14px}.intro-row{align-items:flex-start;flex-direction:column;gap:12px}.lesson-chip{align-self:flex-start}.scene-frame{height:315px;border-radius:15px}.temp-readout{top:59px;right:11px;transform:scale(.9);transform-origin:top right}.scene-hud{top:11px;right:11px;left:11px}.scene-caption{left:9px;bottom:10px;padding:7px 8px;font-size:9px}.drag-hint{display:none}.temperature-console{padding:14px 13px 12px}.lesson-panel{padding:16px 13px 0;border-radius:15px}.panel-footer{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}.instruction-card p{font-size:11px}.step-dot-wrap{font-size:8px}.step-number{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reference-scale-panel{position:absolute;z-index:4;left:13px;top:66px;bottom:54px;width:94px;display:flex;flex-direction:column;gap:6px;padding:8px 7px;border:1px solid rgba(141,222,220,.34);border-radius:14px;background:linear-gradient(155deg,#051822ed,#071e28e6);box-shadow:0 12px 32px #00000052,inset 0 0 16px #61d0c612;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.external-scale-title{text-align:center;color:#c7f5ec;font-size:9px;font-weight:700;line-height:1.45;white-space:nowrap}.external-scale-body{direction:ltr;display:flex;align-items:stretch;gap:6px;flex:1;min-height:0;padding:3px 3px 10px}.external-scale-numbers{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0}.external-scale-value{display:flex;flex:1;align-items:center;justify-content:flex-end;min-height:0;color:#d8f0ef;font:8px Readex Pro,sans-serif;opacity:.12;transition:opacity .25s,color .25s}.external-scale-value.shown{opacity:1;color:#f0fff9;font-weight:700}.external-scale-tube{position:relative;flex:0 0 17px;overflow:visible;border:1px solid rgba(157,227,231,.76);border-radius:9px 9px 7px 7px;background:linear-gradient(90deg,#97dce230,#5bafbf12);box-shadow:inset 0 0 9px #adf2f424,0 0 11px #4dc0bf1f}.external-scale-tube:after{content:"";position:absolute;z-index:3;left:2px;bottom:-10px;width:11px;height:11px;border:1px solid rgba(255,172,149,.75);border-radius:50%;background:radial-gradient(circle at 36% 28%,#ffbd9f,#ec655d 75%);box-shadow:0 0 9px #f461594d}.external-scale-fluid{position:absolute;z-index:1;left:3px;right:3px;bottom:2px;height:22%;border-radius:3px 3px 6px 6px;background:linear-gradient(0deg,#d94e50,#ff9a82);box-shadow:0 0 8px #f6615975;transition:height .24s ease}.external-scale-marks{position:absolute;z-index:2;top:2px;right:0;bottom:2px;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.external-scale-mark{display:flex;flex:1;align-items:center;justify-content:flex-end;min-height:0}.external-scale-mark:after{content:"";width:33%;height:1px;background:#bbe1e047;transition:width .2s,background .2s,box-shadow .2s}.external-scale-mark.major:after{width:55%}.external-scale-mark.marked:after{width:87%;background:#aff5dd;box-shadow:0 0 4px #99f5d661}.external-scale-readout{margin-top:2px;border-radius:7px;background:#71d5c517;padding:4px 3px;text-align:center;color:#bcf4e2;font:9px Readex Pro,IBM Plex Sans Arabic,sans-serif}@media(max-width:600px){.scene-frame{height:360px}.reference-scale-panel{left:11px;top:52px;bottom:48px;width:82px;padding:6px 5px;gap:4px}.external-scale-body{gap:5px;padding:2px 2px 9px}.external-scale-tube{flex-basis:15px}.external-scale-value,.external-scale-title{font-size:8px}.external-scale-readout{font-size:8px;padding:3px 2px}}