/* The working surface is a dark technical studio; the teaching panels remain light. */
.viewer{background:#080f19;border:1px solid #203549;height:clamp(580px,62vh,740px);min-height:580px;box-shadow:0 16px 45px #0c1e2420}.viewer-heading{top:25px;left:25px;right:24px}.viewer-heading h2{color:#e3edf4;font-size:22px;letter-spacing:-.7px}.viewer-heading .eyebrow{color:#4e9cb7;letter-spacing:2px}.viewer-heading p{color:#758fa3!important}.live-badge{display:none!important}.viewer-heading{background:linear-gradient(#080f1970,transparent);padding-bottom:14px}.view-tools{top:152px;left:19px;background:#0c1826c9;border-color:#22384a;backdrop-filter:blur(10px)}.view-tools .icon-button{color:#7298af;width:34px;height:35px}.view-tools .icon-button.active{background:#183c4a;color:#85e0ed}.view-tools .icon-button:hover{background:#193142;color:#c3eef5}.view-tools>span{background:#2a3d4c}.scene-tabs{position:absolute;top:24px;right:20px;z-index:3;display:flex;background:#0b1926d9;border:1px solid #283c4d;border-radius:7px;padding:4px;gap:3px;backdrop-filter:blur(10px)}.scene-tabs button{font-size:10px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:4px;color:#708da3}.scene-tabs button svg{width:14px;height:14px}.scene-tabs button.active{background:#224253;color:#b8edf0}.scene-tabs button:hover{color:white}.scene-actionbar{position:absolute;right:21px;bottom:116px;display:flex;gap:7px;z-index:4}.scene-actionbar button{display:flex;gap:7px;align-items:center;font-size:10px;background:#0b1826d9;color:#8ab1c4;border:1px solid #2a4153;padding:9px 12px;border-radius:6px;backdrop-filter:blur(8px)}.scene-actionbar button.active{background:#214c5b;border-color:#4c9aad;color:#c2f7f5}.scene-actionbar button svg{width:14px;height:14px}.cycle-panel{position:absolute;bottom:119px;left:23px;color:#b4cbd7;display:flex;align-items:center;gap:7px;font-size:10px;pointer-events:none}.cycle-panel small{display:block;position:absolute;left:12px;top:19px;font-size:7px;letter-spacing:1.4px;color:#526f84;white-space:nowrap}.motion-led{width:5px;height:5px;background:#56dbbc;box-shadow:0 0 10px #56dbbc;border-radius:50%}.cycle-panel.paused .motion-led{background:#85909a;box-shadow:none}.cycle-panel.paused #cycle-phase:after{content:' · in pausa';color:#8897a2}.viewer-caption{bottom:83px;color:#526d81;font-size:8px}.viewer-controls{height:70px;background:#0c1825ec;border-top-color:#223749;color:#a4bfcc}.animation-text strong{color:#b5cfda;font-size:10px}.animation-text span{color:#5d7f93;font-size:8px}.play-button{background:#16303b;border-color:#346073;color:#88dfde;width:37px;height:37px}.play-button.running{background:#204b50;border-color:#3b8b89;color:#adfff0;box-shadow:0 0 15px #4ec6ba14}.explode-control{border-left-color:#2b3d4b}.explode-control label{color:#9db6c6;font-size:10px}.explode-control output{color:#63c9d4}.viewer input[type=range]{background:#263e50}.viewer input[type=range]::-webkit-slider-thumb{background:#6bd4da;border-color:#132c38;box-shadow:0 0 0 1px #7fd9df}.viewer-controls>.icon-button{color:#799aaa}.speed-control select{background:#102433;color:#9bbbc9;border:1px solid #263f51;border-radius:4px;font-size:9px;padding:5px;cursor:pointer}.orientation{bottom:178px;opacity:.6}.manipulation{padding:12px 0 15px;border-top:1px solid #e2e9e5;margin-bottom:14px}.manipulation-heading{font-size:8px;letter-spacing:1.2px;color:#83938c;margin-bottom:10px}.manipulation .part-actions{margin-bottom:10px}.manipulation .part-actions button{font-size:10px;padding:8px 6px;background:#f4f7f4}.manipulation .part-actions button.selected{background:#e0ede6;border-color:#94b7a4;color:#375d4d}.position-controls{font-size:10px;margin:10px 0 13px;color:#75867b}.position-controls summary{cursor:pointer}.position-controls label{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:9px}.position-controls input{margin:0}.position-controls output{min-width:23px;text-align:right;font-variant-numeric:tabular-nums}.manipulation>.text-button{font-size:9px}.inspector{max-height:clamp(580px,62vh,740px)}.inspector .part-symbol{display:none}.inspector-header{margin-bottom:15px}.inspector p{line-height:1.65}.scene-tabs button:focus-visible,.viewer button:focus-visible{outline-color:#7cd5df}
@media(min-width:1200px){.workspace{grid-template-columns:minmax(300px,1fr) 270px}.sidebar{width:222px}.viewer .explode-control{width:37%}}
@media(max-width:1200px){.scene-tabs{top:92px;right:17px}.viewer-heading h2{font-size:20px}.scene-actionbar{right:14px;bottom:120px}.scene-actionbar button{font-size:9px;padding:8px}.cycle-panel{font-size:9px;bottom:120px;left:19px}.speed-control{display:none}}
@media(max-width:1000px){.viewer{height:590px;min-height:590px}.inspector{max-height:none}.scene-tabs{top:25px;right:20px}.manipulation{grid-column:1/-1;margin:0;padding:15px 0}.position-controls label{max-width:450px}.manipulation>.part-actions{justify-content:flex-start}.manipulation>.part-actions button{flex:none;padding:9px 20px}.viewer .animation-text{display:grid}.speed-control{display:block}.viewer-controls{padding:12px 17px}.explode-control{width:38%;padding-left:13px}.cycle-panel{bottom:122px}.inspector .part-symbol{display:none}.viewer .orientation{bottom:180px}}
@media(max-width:620px){.viewer{height:570px;min-height:570px}.viewer-heading{top:22px;left:20px}.scene-tabs{top:107px;right:16px;left:68px;justify-content:center}.scene-tabs button{font-size:10px;padding:6px 11px}.viewer-heading h2{font-size:21px}.view-tools{top:160px;left:13px;padding:4px}.view-tools .icon-button{width:30px;height:33px}.cycle-panel{bottom:157px;left:19px;font-size:9px}.scene-actionbar{bottom:111px;left:18px;right:18px;justify-content:flex-end}.scene-actionbar button{padding:8px 10px;font-size:9px}.viewer-caption{font-size:7px;bottom:82px}.viewer .animation-text strong{font-size:9px}.viewer .animation-text span{font-size:7px}.viewer .explode-control{width:41%;border:0;padding-left:0}.viewer .explode-control label{font-size:9px}.speed-control{display:none}.viewer-controls{gap:8px;padding:13px}.viewer .orientation{display:none}.viewer-controls>.icon-button{width:27px}.play-button{width:34px;height:34px}.viewer-heading p{font-size:9px}}

.vehicle-card{position:absolute;top:116px;right:22px;z-index:3;text-align:right;max-width:325px;pointer-events:none}.vehicle-card.hidden{display:none}.vehicle-card-top{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#bed1df;font-size:11px}.vehicle-card-top>span:last-child{font-size:8px;letter-spacing:1.4px;border:1px solid #385365;border-radius:3px;padding:3px 5px;color:#85b9c9}.xray-dot{width:5px;height:5px;background:#87b8c8;border-radius:50%}.vehicle-card small{display:block;font-size:8px;color:#7892a5;margin-top:5px}.vehicle-card a{pointer-events:auto;display:inline-block;font-size:8px;color:#80adbe;margin-top:4px;text-decoration:none}.vehicle-card a:hover{text-decoration:underline}@media(max-width:1200px){.vehicle-card{top:143px;right:17px;max-width:255px}.vehicle-card-top{font-size:10px}.vehicle-card small{font-size:7px}}@media(max-width:620px){.vehicle-card{top:155px;right:18px;max-width:230px}.vehicle-card-top{font-size:9px}}

/* Study mode: a quiet context around a legible mechanism. */
.page-heading{margin-bottom:20px}.page-heading h1{font-size:26px}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}.studio-toolbar-title{font-size:11px;letter-spacing:1.8px;color:#71867d}.studio-toolbar>div{display:flex;gap:6px}.studio-toolbar button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;background:#fff;border:1px solid #dce5df;border-radius:7px;font-size:12px;color:#446452;min-height:40px}.studio-toolbar button svg{width:16px;height:16px}.studio-toolbar button:hover,.studio-toolbar button.active{background:#e7f0e9;border-color:#a9c3b2}.workspace{grid-template-columns:minmax(300px,1fr) 290px}.workspace.inspector-collapsed{grid-template-columns:minmax(0,1fr)}.workspace.inspector-collapsed>.inspector{display:none}.viewer{height:clamp(640px,72vh,860px);min-height:640px}.inspector{max-height:clamp(640px,72vh,860px)}.inspector p{font-size:14px;line-height:1.65}.inspector .material,.inspector .category,.inspector .part-actions button{font-size:12px}.manipulation .part-actions button{font-size:12px;min-height:40px}.manipulation .text-button,.position-controls{font-size:12px}.inspector h3{font-size:12px}.scene-tabs button{font-size:12px;min-height:36px}.viewer-heading p{font-size:12px}.vehicle-card small,.vehicle-card a{font-size:10px}.vehicle-card{max-width:330px}.vehicle-card-top{font-size:12px}.viewer .animation-text strong,.viewer .explode-control label{font-size:12px}.viewer .animation-text span{font-size:10px}.cycle-panel{font-size:11px}.cycle-panel small{font-size:9px}.scene-actionbar button{font-size:11px;min-height:38px}.viewer-options{position:absolute;left:20px;top:150px;z-index:8;color:#a7c2cf;background:#101e2bf2;border:1px solid #2a3e4c;border-radius:7px}.viewer-options summary{display:flex;align-items:center;gap:7px;font-size:12px;padding:11px;cursor:pointer;list-style:none}.viewer-options summary::-webkit-details-marker{display:none}.viewer-options summary svg{width:16px;height:16px}.viewer-options .view-tools{position:static;display:flex;margin:0 7px 7px;flex-direction:column;border:0;padding:0;background:transparent;backdrop-filter:none}.viewer-options .view-tools .icon-button{width:100%;height:37px}.viewer-options .view-tools>span{height:1px}.part-annotations{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.part-annotation{position:absolute;max-width:175px;padding:6px 9px;background:#101e2bea;border:1px solid #3b5260;border-radius:4px;color:#afc4cf;font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 12px #0003}.part-annotation.selected{color:#d9eeee;border-left:2px solid #9ad4d2;background:#183038ed}.part-annotation[hidden]{display:none}.xr-active .studio-toolbar,.xr-active .viewer-options,.xr-active .part-annotations{display:none}
@media(min-width:1400px){.workspace{grid-template-columns:minmax(300px,1fr) 300px}.workspace.inspector-collapsed{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1100px){.studio-toolbar-title{display:none}.studio-toolbar>div{width:100%;justify-content:flex-end}.studio-toolbar button{font-size:11px;padding:9px}.workspace{grid-template-columns:minmax(300px,1fr) 245px}.vehicle-card{top:151px}.viewer-options summary span{display:none}.viewer-options{left:16px}.viewer .animation-text span{font-size:9px}.scene-actionbar button{font-size:10px}}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr)}.viewer{height:660px;min-height:660px}.studio-toolbar>div{justify-content:stretch}.studio-toolbar button{flex:1}.inspector{max-height:none}.vehicle-card{top:140px}.scene-tabs{top:25px}.viewer-heading h2{font-size:22px}}
@media(max-width:620px){.studio-toolbar button{font-size:10px;padding:8px 5px;gap:4px}.studio-toolbar button svg{width:14px}.viewer{height:650px;min-height:650px}.scene-tabs{top:104px;left:65px;right:14px}.scene-tabs button{font-size:12px}.vehicle-card{top:156px;right:15px;max-width:250px}.vehicle-card small{font-size:9px}.vehicle-card-top{font-size:11px}.viewer-options{top:160px;left:14px}.viewer-heading p{font-size:10px}.viewer .animation-text strong{font-size:10px}.viewer .animation-text span{font-size:8px}.viewer .explode-control label{font-size:11px}.cycle-panel{font-size:10px}.cycle-panel small{font-size:8px}.scene-actionbar button{font-size:10px}.viewer-caption{font-size:8px}.viewer-options summary{padding:10px}.part-annotation{font-size:10px;max-width:145px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.flow-legend{margin:0 0 14px;padding:12px 16px;border:1px solid #dce6df;border-radius:8px;background:#fff}.flow-key{display:flex;flex-wrap:wrap;gap:8px 22px}.flow-key>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#354e42}.flow-key i{display:inline-block;width:17px;height:4px;border-radius:3px;background:var(--flow-color);box-shadow:0 0 0 1px #0001}.flow-legend p{font-size:12px;line-height:1.5;color:#617269;margin:7px 0 3px}.flow-legend p button{color:#365e49;text-decoration:underline;margin-left:8px;font-size:12px}.flow-legend small{display:block;font-size:10px;line-height:1.5;color:#76877d}.flow-legend.flows-disabled .flow-key{opacity:.5}.scene-actionbar{gap:6px}.scene-actionbar button{padding:9px 10px}.flow-legend button:focus-visible{outline:2px solid #559579;outline-offset:3px}.xr-active .flow-legend{display:none}@media(max-width:620px){.flow-legend{padding:10px 12px}.flow-key{gap:8px 14px}.flow-key>span{font-size:11px}.flow-legend p{font-size:11px}.flow-legend small{font-size:9px}.scene-actionbar{left:16px;right:16px;bottom:110px;justify-content:flex-end}.scene-actionbar button{padding:8px;font-size:10px}.cycle-panel{bottom:163px}}
/* Guided energy pathways */
.flow-legend{background:#101e29;color:#dce8ec;border:1px solid #263946;padding:0;overflow:hidden}
.flow-tabs{display:flex;border-bottom:1px solid #2c3c47;gap:0;overflow-x:auto}
.flow-tabs button{flex:1;white-space:nowrap;padding:12px 14px;background:transparent;color:#9badb9;border:0;border-bottom:2px solid transparent;font-size:12px;text-align:left}
.flow-tabs button b{color:var(--flow-color);font-size:10px;margin-right:9px;opacity:.65}
.flow-tabs button[aria-pressed=true]{background:#1a2d3a;color:#fff;border-bottom-color:var(--flow-color)}
.flow-tabs button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.flow-lesson{display:grid;grid-template-columns:235px 1fr;gap:22px;align-items:center;padding:15px 18px}
.flow-lesson span{display:block;text-transform:uppercase;letter-spacing:1.4px;font-size:9px;color:var(--flow-color);margin-bottom:7px}
.flow-lesson strong{font-size:13px;font-weight:550}.flow-lesson p{color:#b8c9d2;font-size:12px;line-height:1.6;margin:0}
#drivetrain-readout{margin:0 18px 9px;padding-top:10px;border-top:1px solid #283c49;font:12px ui-monospace,monospace;color:#efc782}
.flow-legend #flow-status{display:block;color:#97aab8;margin:0 18px 13px;font-size:10px;line-height:1.5}.flows-disabled .flow-lesson{opacity:.5}
@media(max-width:900px){.flow-lesson{grid-template-columns:1fr;gap:8px;padding:12px 15px}.flow-tabs button{font-size:11px;padding:11px 10px}.flow-tabs button b{margin-right:5px}}
/* Compact flow selector: explanations stay available on demand. */
.flow-legend{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fff;border-color:#dce6df;color:#385447;overflow:hidden;padding:5px 8px;margin-bottom:12px}
.flow-tabs{gap:5px;border:0;min-width:0}.flow-tabs button{flex:0 0 auto;padding:10px 13px;border:1px solid transparent;border-radius:6px;color:#63776e;font-size:12px}.flow-tabs button b{display:none}.flow-tabs button:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--flow-color);margin-right:8px}
.flow-tabs button[aria-pressed=true]{background:#edf4f0;border-color:#c9dbd0;color:#234f3c}.flow-tabs button:focus-visible{outline:2px solid #5c8e75;outline-offset:-2px}
.flow-details summary{cursor:pointer;font-size:12px;padding:11px 12px;color:#507061;white-space:nowrap}.flow-details[open]{grid-column:1/-1;border-top:1px solid #e2eae5;margin-top:4px}.flow-details[open] summary{font-weight:600}.flow-details .flow-lesson{padding:8px 12px 12px}.flow-details .flow-lesson span{color:#59816e}.flow-details .flow-lesson p{color:#60756a}.flow-details #drivetrain-readout{color:#7d612c;border-color:#e2eae5;margin:0 12px 8px}.flow-details #flow-status{color:#718379;margin:0 12px 12px}
.viewer{height:clamp(736px,82.8vh,989px);min-height:736px}.inspector{max-height:clamp(736px,82.8vh,989px)}
@media(max-width:900px){.viewer{height:759px;min-height:759px}.inspector{max-height:none}.flow-legend{grid-template-columns:minmax(0,1fr)}.flow-details summary{padding:7px 10px}.flow-tabs button{font-size:11px;padding:9px 10px}}
@media(max-width:620px){.viewer{height:748px;min-height:748px}.flow-legend{padding:5px}.flow-tabs button{font-size:10px;padding:9px 8px}.flow-details summary{font-size:11px}}
.inside-controls{border:1px solid #cee1dc;background:#f2f8f5;border-radius:8px;padding:13px;margin:0 0 16px;grid-column:1/-1}.inside-controls>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;border:1px solid #8fbcb0;border-radius:6px;color:#245e50;background:#e4f1ec;font-size:12px}.inside-controls button svg{width:17px;height:17px}.inside-controls button.selected{background:#235c51;color:#fff}.inside-controls p{font-size:12px!important;line-height:1.55;margin:10px 0 0}.inside-controls small{display:block;font-size:10px;line-height:1.5;color:#5b7b70;margin-top:8px}.inside-controls label{display:block;margin-top:13px;font-size:12px}.inside-controls output{float:right}.inside-controls input{width:100%;margin:10px 0 2px}
.inside-caption{position:absolute;bottom:177px;left:20px;max-width:355px;width:calc(100% - 40px);padding:14px 17px;background:#0e202ded;border:1px solid #395c66;border-left:2px solid #80d4ce;border-radius:8px;color:#dbe9ee;z-index:5;box-shadow:0 6px 24px #0003}.inside-caption[hidden]{display:none}.inside-caption>button{float:right;color:#a8c9cd;font-size:23px;padding:0 0 5px 12px;line-height:20px}.inside-caption small{display:block;font-size:9px;letter-spacing:1px;color:#7bbfbe;margin-bottom:6px}.inside-caption strong{display:block;font-size:14px}.inside-caption p{font-size:12px;line-height:1.5;color:#b6cbd5;margin:8px 0}.inside-caption span,.inside-caption em{display:block;font-size:10px;color:#8cafb9;line-height:1.4;font-style:normal}.inside-caption em{margin-top:5px;opacity:.75}.xr-active .inside-caption{display:none}
@media(max-width:620px){.inside-caption{bottom:191px;max-width:290px;padding:10px 12px}.inside-caption p{font-size:11px}.scene-actionbar{flex-wrap:wrap}.scene-actionbar button{font-size:9px;padding:7px}}
.inside-controls .hover-instruction{display:flex;align-items:center;gap:8px;margin:0;font-size:11px!important;color:#5a7b6e}.hover-instruction svg{width:18px;flex:none}.inside-controls .inside-switch{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;cursor:pointer}.inside-switch input{width:16px;height:16px;margin:0;accent-color:#427e6b}.inside-caption.hover-preview{pointer-events:none;border-left-color:#8ebfbd}.inside-caption.hover-preview p{font-size:11px}.inside-caption.hover-preview{max-width:310px;background:#10222ce8}.inside-controls{background:transparent;border:0;border-top:1px solid #e2eae5;padding:13px 0}
@media(hover:none){.hover-instruction{display:none!important}.inside-controls .inside-switch{margin-top:0}.inside-switch:after{content:' · tocca';font-size:10px;color:#82968c}}

/* Branding reserved for the immersive viewer. */
.fullscreen-brand{display:none;position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));z-index:8;width:184px;padding:8px 11px;background:#fff;border-radius:6px;pointer-events:none;line-height:0}
.fullscreen-brand img{display:block;width:100%;height:auto}
.viewer:fullscreen .fullscreen-brand{display:block}
.viewer:fullscreen .viewer-controls{padding-right:232px}
@media(max-width:760px){.viewer:fullscreen .viewer-controls{height:124px;padding:12px 20px 64px}.viewer:fullscreen .fullscreen-brand{width:150px;bottom:max(10px,env(safe-area-inset-bottom));right:20px}.viewer:fullscreen .viewer-caption{bottom:135px}.viewer:fullscreen .scene-actionbar{bottom:166px}.viewer:fullscreen .cycle-panel{bottom:212px}}

/* Transparent logo: white lettering and orange marks on the dark viewer. */
.fullscreen-brand{background:transparent;padding:8px 11px;border-radius:0}
.fullscreen-brand img{filter:invert(1) hue-rotate(180deg) brightness(1.15)}

.viewer .road-speed-control{display:grid;gap:5px;width:190px;flex-shrink:0;color:#9db6c6;font-size:10px}
.road-speed-control>span{display:flex;justify-content:space-between;gap:8px}.road-speed-control output{color:#82e5dc;font-weight:700;font-variant-numeric:tabular-nums}.road-speed-control input{width:100%;margin:0}.road-speed-control small{font-size:8px;color:#7894a4}.rpm-note,.stationary-note{font-size:11px;color:#6a8079}
@media(max-width:1000px){.viewer .animation-text{display:none}.viewer .road-speed-control{width:150px}.viewer .explode-control{flex:1;width:auto;min-width:80px}}
@media(max-width:620px){.viewer .road-speed-control{width:125px}.viewer .viewer-controls{gap:10px}.viewer:fullscreen .viewer-controls{padding-left:12px;padding-right:12px}.viewer:fullscreen .explode-control{margin-left:0}}

/* Soft graphite studio with independent lighting control. */
.viewer{background:linear-gradient(180deg,#3b5262,#233441)}
.brightness-control{position:absolute;top:200px;right:20px;z-index:4;display:grid;gap:10px;width:165px;padding:11px 13px;background:#132532bb;border:1px solid #54708466;border-radius:8px;color:#d0dee6;font-size:10px;backdrop-filter:blur(8px)}
.brightness-control>span{display:flex;justify-content:space-between;gap:10px}.brightness-control output{color:#9ce9e1;font-variant-numeric:tabular-nums}.brightness-control input{width:100%;margin:0}
@media(max-width:620px){.brightness-control{top:203px;right:14px;width:140px;padding:9px 11px}}

/* Unboxed title and vertical exposure adjustment. */
.viewer .viewer-heading{background:none;border:0;box-shadow:none;padding:0;pointer-events:none}
.viewer .brightness-control{width:76px;right:18px;top:205px;justify-items:center;gap:10px;padding:12px 8px;background:#14293699;border-color:#7294a333;border-radius:12px}
.brightness-control>span{display:grid;justify-items:center;gap:5px;font-size:9px}.brightness-control output{font-size:13px}
.viewer .brightness-control input{writing-mode:vertical-lr;direction:rtl;appearance:auto;width:22px;height:115px;accent-color:#82ded5;background:transparent;cursor:ns-resize}
@media(max-width:620px){.viewer .brightness-control{right:12px;top:190px;width:64px}.viewer .brightness-control input{height:90px}}
/* Comparison shares the studio palette and typography. */
dialog.comparison-dialog{width:min(1020px,95vw);padding:30px;background:linear-gradient(150deg,#304a5b,#152633 75%);border:1px solid #527080;color:#e3edf4;box-shadow:0 30px 110px #020a16aa}
.comparison-dialog::backdrop{background:#07121bd9;backdrop-filter:blur(7px)}
.comparison-dialog .dialog-header{border-color:#62839444;align-items:flex-start}
.comparison-dialog .dialog-header h2{color:#f0f6f8;font-size:27px;letter-spacing:-.8px}
.comparison-dialog .eyebrow{color:#86cdcF;letter-spacing:1.8px}
.comparison-dialog #dialog-body{color:#b7cbd5;font-size:12px;line-height:1.7}
.comparison-dialog .icon-button{color:#d0e1e8;background:#0f2435;border-radius:7px}
.comparison-dialog .compare-grid{gap:16px;margin:24px 0}
.comparison-dialog .comparison-card{display:flex;flex-direction:column;padding:22px;border:1px solid #526f7e;background:linear-gradient(160deg,#2a4353,#142734);border-radius:14px;box-shadow:0 10px 25px #07162233}
.comparison-dialog .comparison-card>svg{color:#83ded6;width:26px;height:26px;margin-bottom:8px}
.comparison-dialog #dialog-body h3{color:#eef7fa;font-size:18px;letter-spacing:-.3px}
.comparison-dialog .compare-row{color:#a8c0cc;margin-top:18px;padding-top:12px;border-top:1px solid #66879829;font-size:10px}
.comparison-dialog .compare-row strong{color:#e7f4fa;font-size:29px;font-variant-numeric:tabular-nums;line-height:1.25}
.comparison-dialog .compare-row strong small{color:#8faebf;margin-left:6px;font-size:10px}
.comparison-dialog .energy-flow{height:7px;background:#53616c;margin-top:12px;border-radius:8px}
.comparison-dialog .energy-flow span{background:linear-gradient(90deg,#4fa9b8,#8be2d3)}
.comparison-dialog .comparison-foot{color:#9bb6c4;font-size:9px}
.comparison-dialog .primary-button{justify-content:space-between;margin-top:24px;background:#244e5b;border:1px solid #4e97a4;color:#c9f7f2;border-radius:7px}
.comparison-dialog .primary-button:hover{background:#326777}
.comparison-dialog .modal-note{background:#132936;border:1px solid #54778766;border-left:3px solid #75cfc9;color:#bcd2db;font-size:11px}
.comparison-dialog .text-button{color:#a1dcd9}
@media(max-width:700px){dialog.comparison-dialog{padding:20px}.comparison-dialog .compare-grid{grid-template-columns:1fr}.comparison-dialog .dialog-header h2{font-size:22px}}
dialog.comparison-dialog{color-scheme:dark;scrollbar-color:#557383 #142734}.brightness-control{color-scheme:dark}

/* Compact controls give priority to the scene. */
main{padding-top:14px}
.page-heading{display:flex;align-items:center;gap:12px;margin-bottom:8px;min-height:36px}
.page-heading>div:first-child{margin-right:auto}.page-heading h1{font-size:18px;line-height:1.2;margin:0;letter-spacing:-.5px}
.page-heading .breadcrumb,.page-heading p{display:none}
.page-heading .ar-open{padding:7px 10px;font-size:10px;min-height:32px;gap:6px;white-space:nowrap}.page-heading .ar-open svg{width:14px;height:14px}.ar-open .beta{display:none}
.page-heading .studio-toolbar{margin:0;gap:0}.studio-toolbar button{min-height:32px;padding:6px 9px;font-size:10px;gap:5px}.studio-toolbar button svg{width:14px;height:14px}
.flow-legend{padding:2px 5px;margin-bottom:8px;border-radius:6px;grid-template-columns:minmax(0,1fr) auto}
.flow-tabs{gap:2px}.flow-tabs button{font-size:10px;padding:6px 8px}.flow-details summary{font-size:10px;padding:6px 8px}
.viewer .brightness-control{width:34px;padding:5px 3px;right:14px;top:202px;gap:5px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;opacity:.72}
.viewer .brightness-control:hover,.viewer .brightness-control:focus-within{opacity:1}
.brightness-control>span{gap:2px;font-size:15px;line-height:1}.brightness-control output{font-size:9px;font-weight:400}
.viewer .brightness-control input{width:14px;height:82px}
@media(max-width:620px){main{padding-top:10px}.page-heading{gap:6px;flex-wrap:wrap}.page-heading h1{font-size:16px}.page-heading .ar-open{font-size:9px;padding:6px}.studio-toolbar button{font-size:9px;padding:6px}.flow-tabs{flex-wrap:wrap}.flow-legend{grid-template-columns:1fr}.flow-details summary{padding:3px 8px}.viewer .brightness-control{top:202px;right:10px}}

.technical-scan-button{display:flex;gap:6px;align-items:center;padding:7px 10px;border:1px solid #adc5c6;border-radius:6px;background:#e4f0f0;color:#345c63;font-size:10px;white-space:nowrap}.technical-scan-button svg{width:14px;height:14px}
.technical-scan-button[hidden]{display:none}
.page-heading{flex-wrap:wrap}.app-shell main{min-width:0}.workspace{min-width:0}.viewer{min-width:0}
.technical-figure{margin:14px 0 18px;overflow:hidden;border:1px solid #314e5c;border-radius:10px;background:#142b3b;color:#cbdde5;text-align:left}
.technical-figure>button{display:block;position:relative;width:100%;padding:0;color:#9ce1d9;text-align:right}
.technical-figure img{display:block;width:100%;height:auto}.technical-figure>button>span{display:block;padding:0 12px 9px;font-size:10px}
.technical-figure figcaption{padding:12px 15px;border-top:1px solid #294655}
.technical-figure ol{counter-reset:plate;list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:11px}
.technical-figure li{display:flex;align-items:baseline;gap:8px;line-height:1.4}.technical-figure li:before{counter-increment:plate;content:counter(plate);font-size:10px;color:#8adbd3;border:1px solid #467581;border-radius:50%;height:17px;width:17px;text-align:center;line-height:16px;flex-shrink:0}
.inspector .technical-figure p,.viewer-technical-card .technical-figure p{font-size:11px;line-height:1.65;color:#99b6c6;margin:13px 0 0}
.technical-dialog{width:min(850px,94vw);background:#172d3b;color:#e2eef3;border:1px solid #426373;color-scheme:dark}.technical-dialog .dialog-header{border-color:#3c5665}.technical-dialog .dialog-header h2{color:#e5f0f4}.technical-dialog .eyebrow{color:#83cbc9}.technical-dialog .icon-button{color:#c3e4e8}
.technical-figure.large img{max-height:48vh;object-fit:contain}.technical-figure.large ol{grid-template-columns:repeat(3,1fr);font-size:13px}.technical-figure.large p{color:#afc8d5;font-size:14px;line-height:1.7;margin-bottom:0}.technical-principle{color:#bdd2dc;font-size:13px;line-height:1.6}
.viewer-components{position:absolute;top:150px;left:120px;z-index:9;background:#122734ed;border:1px solid #385967;border-radius:7px;color:#bad3df;max-width:260px}
.viewer-components summary{cursor:pointer;display:flex;align-items:center;gap:7px;font-size:12px;padding:11px;list-style:none}.viewer-components summary::-webkit-details-marker{display:none}.viewer-components summary svg{width:16px;height:16px}
.viewer-component-list{display:grid;max-height:min(430px,55vh);overflow:auto;border-top:1px solid #375361;padding:6px}
.viewer-component-list button{text-align:left;color:#b7cbd5;padding:9px 10px;border-radius:5px;display:flex;gap:10px;align-items:center;font-size:12px}.viewer-component-list button span{font-size:9px;color:#6da7b5}
.viewer-component-list button[aria-pressed=true],.viewer-component-list button:hover{background:#254753;color:#b7fff0}
.viewer-technical-card{display:none;position:absolute;right:65px;top:150px;z-index:8;width:290px;max-height:calc(100% - 280px);overflow:auto;background:#142b3bf5;color:#d6e6ee;border:1px solid #41616f;border-radius:10px;padding:15px;box-shadow:0 10px 35px #05141d40}
.viewer-technical-card[hidden]{display:none!important}.viewer-technical-card header{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#89c9cc}.viewer-technical-card header button{font-size:24px;line-height:1;color:#c5dbe2}.viewer-technical-card h3{font-size:17px;margin:8px 0}.viewer-technical-card .technical-figure{margin:10px 0;border:0}.viewer-technical-card .technical-figure figcaption{padding:10px 0}.sheet-focus{color:#9ae3db;font-size:11px;text-decoration:underline}
.viewer:fullscreen .viewer-technical-card{display:block}.viewer:fullscreen .viewer-components{left:120px}.viewer:fullscreen .viewer-options{left:20px}
.drivetrain-readout{display:flex;flex-wrap:wrap;gap:5px 13px;margin-top:9px;color:#90adbd;font-size:10px;max-width:320px}.drivetrain-readout b{color:#c0d9e3;font-weight:500;font-variant-numeric:tabular-nums}.drivetrain-readout small{width:100%;margin:0;font-size:9px}.cycle-panel #transmission-state{font-size:9px;letter-spacing:0;margin-top:4px;max-width:280px}
.viewer .cycle-panel{display:block;bottom:128px;left:23px;font-size:10px;max-width:310px}.cycle-panel>.motion-led{display:inline-block;vertical-align:middle;margin-right:7px}.cycle-panel>small:first-of-type{display:none}.cycle-panel small{position:static;white-space:normal;letter-spacing:0;line-height:1.5}.cycle-panel .drivetrain-readout{margin-top:7px}.cycle-panel #transmission-state{display:block}.viewer .scene-actionbar{bottom:112px}
@media(min-width:901px){.inspector{display:block;overflow:auto}.inspector .part-main{margin-top:14px}.inspector .part-symbol{display:none}}
@media(max-width:1200px){.viewer-components{left:64px}.viewer-components summary{font-size:11px;padding:10px}}
@media(max-width:900px){.viewer-technical-card{display:block;right:50px;top:150px;width:270px}.viewer-components{left:66px}.viewer .cycle-panel{bottom:162px}.scene-actionbar{bottom:115px}.viewer-technical-card .technical-figure p{display:none}}
@media(max-width:620px){.viewer-components{top:160px;left:59px}.viewer-components summary{font-size:10px;padding:10px 8px}.viewer-components[open]{max-width:240px}.viewer-technical-card{top:230px;right:45px;width:235px;max-height:300px;padding:10px}.viewer-technical-card h3{font-size:14px}.viewer-technical-card .technical-figure figcaption{display:none}.technical-figure.large ol{grid-template-columns:1fr}.drivetrain-readout{font-size:9px;gap:4px 10px}.cycle-panel{max-width:270px}}
dialog.scan-dialog{width:min(1100px,96vw);background:#172d3b;color:#e4edf2;border:1px solid #507382;color-scheme:dark}.scan-dialog #dialog-body{color:#b8ced9}.scan-dialog .dialog-header{border-color:#42616f}.scan-dialog .dialog-header h2{color:#eef7fc}.scan-dialog .eyebrow{color:#88d6d3}
#scan-host{height:min(57vh,600px);min-height:300px;position:relative;border-radius:10px;overflow:hidden;background:#243b4a}#scan-host canvas{display:block;touch-action:none}.scan-status{position:absolute;inset:45% 10%;text-align:center;font-size:13px;pointer-events:none}.scan-credit{font-size:10px!important}.scan-credit a{color:#a2e9e2!important}.scan-dialog .icon-button{color:#e3f2f8}

/* Persistent component rail and compact horizontal studio tools. */
.viewer{--component-rail:184px}
.viewer #canvas-host,.viewer .part-annotations{left:0}
.viewer .viewer-components,.viewer:fullscreen .viewer-components{left:16px;top:150px;bottom:242px;width:calc(var(--component-rail) - 24px);max-width:none;display:flex;flex-direction:column;background:#10232ebd;border-color:#52718055;backdrop-filter:blur(10px)}
.viewer-components-heading{display:flex;align-items:center;gap:7px;padding:12px 10px;font-size:11px;color:#d3e4ec;flex-shrink:0}
.viewer-components-heading svg{width:15px;height:15px;color:#89c9ce}.viewer-components-heading b{margin-left:auto;font-size:9px;font-weight:400;color:#7e9daa}
.viewer .viewer-component-list{display:flex;flex-direction:column;min-height:0;max-height:none;padding:5px;scrollbar-width:thin;scrollbar-color:#476676 transparent;border-top-color:#52718033}
.viewer-component-list button{flex-shrink:0;font-size:10px;padding:10px 7px;gap:7px;line-height:1.4}.viewer-component-list button span{font-size:8px}
.viewer .viewer-options,.viewer:fullscreen .viewer-options{left:auto;right:20px;top:82px;background:transparent;border:0;box-shadow:none;max-width:calc(100% - 36px)}
.viewer-options .view-tools{position:static;display:flex;flex-direction:row;align-items:center;gap:3px;margin:0;padding:4px;background:#10232ed9;border:1px solid #52718055;border-radius:7px}
.viewer-options .view-tools .icon-button{width:32px;height:32px;flex-shrink:0}
.viewer-options .view-tools>span{height:20px;width:1px;margin:0 4px}
.viewer .realtime-toggle{height:32px;display:flex;align-items:center;gap:6px;padding:0 9px;color:#90aebb;font-size:10px;border-radius:4px;white-space:nowrap}
.realtime-toggle svg{width:14px;height:14px}.viewer .realtime-toggle:hover{background:#193b49;color:#d0eef2}.viewer .realtime-toggle.active{background:#245561;color:#bafaf0}
.viewer .inside-caption{left:calc(var(--component-rail) + 16px);max-width:min(355px,calc(100% - var(--component-rail) - 82px))}
@media(min-width:1001px) and (max-width:1200px){.viewer .scene-tabs{top:24px}.viewer .viewer-heading h2{font-size:18px}.viewer .viewer-heading{max-width:210px}.viewer .scene-tabs button{padding:7px;font-size:9px}.viewer{--component-rail:166px}}
@media(max-width:620px){.viewer{--component-rail:139px}.viewer .scene-tabs{top:105px;left:16px;right:16px}.viewer .viewer-options,.viewer:fullscreen .viewer-options{top:150px;left:16px;right:auto}.viewer .viewer-components,.viewer:fullscreen .viewer-components{top:205px;left:12px;bottom:258px;width:calc(var(--component-rail) - 18px)}.viewer-components-heading{padding:10px 7px;font-size:10px;gap:5px}.viewer-component-list button{font-size:9px;padding:9px 5px;gap:4px}.viewer .viewer-technical-card{top:auto;bottom:230px;right:12px;width:calc(100% - var(--component-rail) - 25px);max-height:220px}.viewer .viewer-technical-card h3{font-size:12px}.viewer .viewer-technical-card header{font-size:7px}.viewer .viewer-technical-card .sheet-focus{font-size:9px}.viewer .brightness-control{top:208px}.viewer .inside-caption{left:calc(var(--component-rail) + 8px);bottom:240px;max-width:calc(100% - var(--component-rail) - 20px);padding:10px;font-size:10px}.viewer .realtime-toggle{font-size:9px;padding:0 6px}}

.viewer .vehicle-card{top:136px;right:22px}
@media(max-width:620px){.viewer .vehicle-card{top:210px;right:45px;max-width:calc(100% - var(--component-rail) - 64px)}.viewer .vehicle-card-top{font-size:9px;flex-wrap:wrap;gap:4px}.viewer .vehicle-card small{font-size:8px}}

/* Warm paper diagrams separate the explanation from the blue 3D stage. */
.technical-figure{background:#fffdf6;color:#253b42;border-color:#d5ddd5;border-radius:10px}
.technical-figure .component-purpose{padding:15px 16px 10px;background:#f5f1e5;border-bottom:1px solid #e2ddcd}
.component-purpose>b{color:#9c470f;font-size:11px;letter-spacing:.5px}
.inspector .technical-figure .component-purpose p,.viewer-technical-card .technical-figure .component-purpose p,.technical-figure .component-purpose p{display:block;font-size:14px;line-height:1.6;margin:5px 0;color:#293d42}
.technical-figure>button{background:#fffdf6;color:#9d430a}.technical-figure>button>span{font-size:12px;padding:4px 15px 12px;text-decoration:underline}
.technical-figure figcaption{display:block;padding:14px 16px;border-color:#e2ddcd}
.reading-key{display:block;font-size:12px;color:#475951;margin-bottom:13px}
.technical-figure ol{font-size:13px;gap:13px;line-height:1.6}.technical-figure li{line-height:1.55;align-items:flex-start;gap:10px;color:#293d42}
.technical-figure li:before{background:#bb4e12;color:#fff;border:0;font-size:12px;font-weight:700;min-width:23px;width:23px;height:23px;line-height:23px}
.technical-figure li:nth-child(2):before{background:#2564a3}.technical-figure li:nth-child(3):before{background:#7250a4}
.technical-vocabulary{border-top:1px solid #e0e3d9;margin-top:16px;padding-top:12px}.technical-vocabulary summary{color:#72502d;font-size:12px;cursor:pointer}
.inspector .technical-vocabulary p,.viewer-technical-card .technical-vocabulary p,.technical-vocabulary p{display:block;color:#4c5d60;font-size:12px;line-height:1.65}
.viewer .viewer-technical-card{background:#fffdf6;border-color:#d7ddd4;color:#263d43;color-scheme:light;scrollbar-color:#b5c1b9 #f5f1e5}
.viewer-technical-card header{color:#7c6246;font-size:9px}.viewer-technical-card header button{color:#40585c}.viewer-technical-card h3{color:#253b42;font-size:20px}
.viewer-technical-card .sheet-focus{color:#934509;font-size:12px}.viewer-technical-card .technical-figure{border:0}.viewer-technical-card .technical-figure figcaption{padding:14px 2px}
.viewer-technical-card .component-purpose{padding:12px}.technical-figure.large ol{grid-template-columns:1fr;font-size:15px}.technical-figure.large .component-purpose p{font-size:16px}.technical-figure.large img{max-height:45vh}
dialog.technical-dialog{background:#fffdf6;border-color:#d7ddd4;color:#293d42;color-scheme:light}.technical-dialog .dialog-header{border-color:#d8dcd2}.technical-dialog .dialog-header h2{color:#253b42}.technical-dialog .eyebrow{color:#9c470f}.technical-dialog .icon-button{color:#40585c}.technical-dialog .technical-principle{color:#4c5d60}
.viewer .inside-caption,.viewer .inside-caption.hover-preview{background:#fffdf6f5;color:#293d42;border-color:#cec7b6;border-left-color:#c05c1b}.inside-caption small{color:#944814}.inside-caption strong{color:#273e45}.inside-caption p,.inside-caption.hover-preview p{color:#3c5259;font-size:13px}.inside-caption span,.inside-caption em{color:#64726d}

/* Measurements are part of the page, never an overlay on the 3D model. */
.parameters{scroll-margin-top:24px}.parameters:focus-visible{outline:2px solid #4d8182;outline-offset:4px}
.parameters .live-panel{position:static;width:auto;max-height:none;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;margin-top:16px;color:#263c42;color-scheme:light}
.live-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 16px;font-size:10px;color:#697b73;margin-bottom:14px}
#live-state{display:flex;align-items:center;gap:6px;color:#365a50;font-weight:600}#live-state:before{content:'';width:5px;height:5px;border-radius:50%;background:#709782}
.live-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 0 18px}
.live-values>div+div{border-left:1px solid #dfe6df;padding-left:18px}.live-values>div>span{display:block;font-size:11px;font-weight:500;color:#586b62}
.live-values strong{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-family:Manrope,sans-serif;font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums;margin:7px 0;color:#243c42}.live-values strong small{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:400}
.live-values p{font-size:10px;line-height:1.5;margin:0;color:#64776c}
.live-extra{border-top:1px solid #e1e7df;border-bottom:1px solid #e1e7df;padding:0}.live-extra>summary{cursor:pointer;font-size:11px;padding:12px 0;color:#456858}.live-extra>summary:hover{color:#243c42}
.live-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 16px}.live-secondary dt{font-size:10px;color:#62756c;line-height:1.5}.live-secondary dd{font-size:17px;font-weight:600;color:#29434c;margin:5px 0 0;font-variant-numeric:tabular-nums}
.live-actions{display:flex;gap:14px;justify-content:space-between;margin:12px 0}.live-actions button{font-size:11px;color:#456858;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.live-disclaimer{display:block;font-size:10px;line-height:1.5;padding-top:12px;color:#738076}.parameters .parameter-controls{padding-top:17px;margin:16px 0;border-top:1px solid #e1e7df}
@media(max-width:620px){.parameters .live-values{gap:9px;padding:0 0 14px}.parameters .live-values>div+div{padding-left:9px}.parameters .live-values strong{font-size:24px}.parameters .live-values>div>span,.parameters .live-values p{font-size:10px}.live-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.live-heading{font-size:10px}.parameters .parameter-controls{grid-template-columns:1fr 1fr}.parameters .parameter-controls>.field:nth-child(2){grid-column:1/-1;grid-row:2}}
.viewer .cycle-panel{bottom:84px;max-width:280px}.viewer .scene-actionbar{bottom:83px}.viewer .viewer-caption{display:none}
@media(min-width:621px){.technical-figure.large{display:grid;grid-template-columns:1.2fr 1fr}.technical-figure.large .component-purpose{grid-column:1 / -1}.technical-figure.large img{align-self:center;max-height:40vh}.technical-figure.large figcaption{border-top:0;border-left:1px solid #e2ddcd;align-self:stretch;padding:22px 18px}.technical-figure.large ol{font-size:14px;gap:18px}}

@media(max-width:900px){.live-values strong{font-size:23px}.viewer .viewer-technical-card{width:300px;max-height:calc(100% - 260px)}.viewer-technical-card .technical-figure figcaption{display:block}}
@media(max-width:620px){.viewer .cycle-panel{bottom:125px;left:16px}.viewer .scene-actionbar{bottom:80px}.viewer .viewer-technical-card{width:calc(100% - var(--component-rail) - 25px);max-height:calc(100% - 335px);bottom:120px}.viewer-technical-card h3{font-size:16px}.viewer-technical-card .technical-figure .component-purpose p{font-size:12px}.viewer-technical-card .technical-figure ol{font-size:11px}}

/* Information is opt-in: independent name and info controls, including fullscreen. */
.component-row{display:flex;align-items:center;gap:3px;min-width:0;flex-shrink:0}.component-row>.component-button,.viewer-component-list .component-name{flex:1;min-width:0;width:auto;text-align:left}
.component-row .component-info{display:grid;place-items:center;flex:none;width:28px;height:32px;padding:0;border-radius:5px;color:#678076;background:transparent;border:1px solid transparent}
.component-info svg{display:block;width:15px;height:15px}.component-info:hover,.component-info[aria-expanded=true]{background:#e7f0e9;border-color:#b2c8b7;color:#315e4b}.component-info:focus-visible{outline:2px solid #68b9b1;outline-offset:1px}
.viewer-component-list .component-info{width:27px;height:32px;padding:0;color:#88acbc}.viewer-component-list .component-info:hover,.viewer-component-list .component-info[aria-expanded=true]{background:#254753;border-color:#538092;color:#c4fff4}
.viewer-component-list .component-name{padding-right:1px;gap:5px}.viewer-component-list .component-name>span{flex:none}
.viewer .viewer-technical-card{display:block}.component-info-note{font-size:13px;line-height:1.6}.component-info-note>strong{font-weight:600}.component-info-note p{margin:9px 0;color:#3c5259}.component-info-note small{display:block;font-size:11px;line-height:1.5;color:#63766f}
.component-info-drawing{margin:15px 0;border-top:1px solid #dce1d8;padding-top:12px}.component-info-drawing>summary{cursor:pointer;font-size:12px;color:#8c501e}.component-info-drawing .technical-figure{margin:12px 0}
.flow-legend[hidden],#flow-kind[hidden]{display:none!important}#flow-kind{display:none;background:#10232ee8;color:#b7d4df;border:1px solid #466575;border-radius:6px;padding:7px;font:inherit;font-size:11px;max-width:150px}.viewer:fullscreen #flow-kind:not([hidden]){display:block}
@media(max-width:1000px){#component-list .component-row{border:1px solid #e3e8dd;border-radius:6px;background:white}#component-list .component-button{border:0;background:transparent}}
@media(max-width:620px){.viewer-component-list .component-info{width:25px;height:32px}.viewer-component-list .component-name{padding-left:3px;font-size:9px}.viewer-component-list .component-name>span{display:none}.viewer .viewer-technical-card{right:10px;bottom:125px;max-height:calc(100% - 340px);width:calc(100% - var(--component-rail) - 22px)}.component-info-note{font-size:12px}.viewer:fullscreen .scene-actionbar{flex-wrap:wrap}.viewer:fullscreen #flow-kind{font-size:10px;max-width:130px}}

.lab-account-link{font-size:11px;color:#315344;text-decoration:none;white-space:nowrap;padding:10px;border:1px solid #d6e1d5;border-radius:6px}.save-project-button{white-space:nowrap}#project-status{display:block;font-size:10px;color:#567363;max-width:260px;overflow:hidden;text-overflow:ellipsis}#project-status:empty{display:none}#project-form label{display:grid;gap:8px;margin:17px 0;font-size:13px}#project-form input,#project-form textarea{font:inherit;width:100%;border:1px solid #cad8cf;border-radius:7px;padding:12px;background:#fafcf9;color:#2b4438}#project-form textarea{resize:vertical}.project-save-hint{font-size:12px;line-height:1.6;color:#687c70}.project-save-actions{display:flex;gap:12px;flex-wrap:wrap}#save-status{font-size:13px;color:#315e43}@media(max-width:620px){.lab-account-link{font-size:10px;padding:8px}.topbar .help-button{display:none}.page-heading .save-project-button{font-size:10px;padding:8px}.page-heading .ar-open{display:none}}
/* A compact guided experiment, separate from the 3D canvas. */
.guide-badge{display:inline-block;font-size:10px;letter-spacing:1px;padding:7px 10px;background:#e6eee4;color:#355f42;border-radius:5px}.guide-intro p{font-size:14px}.guide-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.guide-tabs button{background:#f1f5ee;border:1px solid #cbd9c9;border-radius:7px;padding:11px 14px;color:#304f3e;font:inherit;font-size:12px;cursor:pointer}.guide-tabs button[aria-pressed=true]{background:#234b40;color:#fff}.guide-context{font-size:12px!important;color:#627466!important}.guide-step>span,.guide-result>span,.guide-reflection>span{display:block;font-size:10px;letter-spacing:1px;color:#53724d;margin:24px 0 12px}.guide-step h3{line-height:1.55}.guide-table-wrap{overflow:auto;border:1px solid #d8e2d3;border-radius:8px;margin:20px 0}.guide-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.guide-table th,.guide-table td{padding:13px;border-bottom:1px solid #dfe6db;line-height:1.5}.guide-table thead{background:#edf2e8}.guide-table td{font-variant-numeric:tabular-nums}.guide-actions{display:flex;gap:10px;flex-wrap:wrap}.guide-reflection{border-left:3px solid #8b9d66;padding-left:18px}.guide-source{border-top:1px solid #d7dfd1;margin-top:24px;padding-top:18px;display:grid;gap:10px;font-size:12px}.guide-source>a{text-decoration:underline}.guide-source>span{font-size:11px;color:#627466}.page-footer>a{color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px}.page-footer{flex-wrap:wrap;gap:12px}.guide-result p{font-size:14px;line-height:1.7}@media(max-width:600px){.guide-table{font-size:11px}.guide-table th,.guide-table td{padding:10px 7px}.guide-tabs button{font-size:11px;padding:9px 10px}}
.tutor-suggestion[hidden]{display:none}