/* VPX private showroom: original branding, a larger vehicle gallery, quiet controls. */
.workspace{height:calc(100dvh - 254px);min-height:620px}
.config-panel{min-height:0;height:100%;max-height:100%}
.showroom{isolation:isolate;min-height:0;padding:0 38px 20px;background:linear-gradient(145deg,#f3f2ed 0%,#e9e9e4 62%,#eeeee9 100%)}
.showroom-heading{position:absolute;inset:27px 38px auto;z-index:3;flex:none;margin:0;pointer-events:none}
.showroom-heading>div{max-width:300px}
.showroom-heading .eyebrow{font-size:7.5px;line-height:1.4;font-weight:600;letter-spacing:2.15px;margin-bottom:10px;color:#8a8d86}
.showroom-heading h1{font-size:32px;line-height:.99;letter-spacing:-.25px;white-space:normal;text-wrap:balance}
.showroom-heading h1 br{display:block}
.showroom-heading h1 span{color:#777d76}
.showroom-heading h1 span:before{content:none}
.showroom-heading .icon-button{pointer-events:auto;width:34px;height:34px;background:#ffffff9c;border-color:#ffffffad;box-shadow:0 3px 14px #27292307;color:#666c66;backdrop-filter:blur(12px)}
.showroom-heading .icon-button:hover{background:#fff;color:#252a25;border-color:#ccb77f}
.truck-stage{position:relative;flex:1;height:auto;min-height:350px;margin:0 -38px 0;border:0;border-radius:0;overflow:hidden;background:#e7e7e3;touch-action:pan-y}
.truck-stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff9c;background:linear-gradient(180deg,#f4f3ef24,transparent 26%,transparent 78%,#f4f3ef12)}
.studio-canvas{display:block;width:100%;height:100%;transition:opacity .18s ease}
.is-loading .studio-canvas{opacity:.18}
.studio-loading{position:absolute;inset:0;display:flex;gap:10px;align-items:center;justify-content:center;padding:40px;text-align:center;font-size:11px;letter-spacing:.3px;color:#777b72}
.studio-loading>span{width:5px;height:5px;border-radius:50%;background:#b28b3e;box-shadow:0 0 0 4px #b28b3e10;animation:pulse 1.3s infinite}
.studio-error{font-size:12px;line-height:1.7;letter-spacing:0}
.photo-stage{position:relative;flex:1;height:auto;min-height:350px;margin:0 -38px 0;border:0;border-radius:0;overflow:hidden;background:linear-gradient(145deg,#f5f5f0,#e9eae4)}
.photo-stage img{max-height:440px;padding:78px 35px 45px;filter:drop-shadow(0 22px 16px #1c211b14)}
.photo-stage>span{bottom:46px;font-size:6.5px;letter-spacing:1.1px;padding:0 20px;color:#8c9186}
.stage-tools{position:relative;z-index:3;flex:none;gap:14px;margin-top:-43px;margin-bottom:7px;min-height:34px}
.view-toggle{padding:3px;border:1px solid #ffffffe0;border-radius:22px;background:#fdfdf9c9;box-shadow:0 4px 15px #20261b08;backdrop-filter:blur(14px)}
.view-toggle button{font-size:9px;font-weight:500;letter-spacing:.1px;padding:7px 13px;border-radius:18px;color:#777c72;transition:background .16s,color .16s}
.view-toggle button.active{background:#232824;color:#f6f4ec;box-shadow:0 2px 5px #00000012}
.view-toggle button:not(.active):hover{color:#262d25;background:#ffffffb0}
.camera-tools{gap:6px}
.camera-tools .icon-button{width:30px;height:30px;border:1px solid #ffffffd9;background:#fdfdfac4;color:#646c61;box-shadow:0 3px 13px #20261b07;backdrop-filter:blur(14px);font-size:18px}
.camera-tools .icon-button:hover{background:white;border-color:#c9b27a;color:#292f27}
.camera-tools .icon-button svg{width:14px;height:14px}
.studio-info{display:flex;align-items:center;gap:7px;flex:none;min-height:15px;margin:2px 0 13px;font-size:8px;line-height:1.5;letter-spacing:.2px;color:#8a8f83}
.studio-dot{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#b3924f;box-shadow:0 0 0 3px #b3924f09}
.studio-instruction{margin-left:auto;font-size:7.5px;letter-spacing:.25px;color:#92978c}
.truck-caption{flex:none;border-color:#d8dbd2;padding-top:11px;gap:12px}
.truck-caption .eyebrow{font-size:7px;letter-spacing:2px;font-weight:600;margin-bottom:5px;color:#8a8e82}
.truck-caption h2{font-size:26px;line-height:1.08;letter-spacing:.1px;color:#202720}
.truck-caption h2 span{font-weight:400;color:#6b7468}
.details-link{font-size:9px;font-weight:500;letter-spacing:.1px;padding-bottom:2px;color:#5b6657}
.details-link span{padding-left:8px;color:#a08a50}
.spec-strip{flex:none;margin-top:14px}
.spec{padding:0 17px;border-color:#d4d8ce}
.spec strong{font-size:25px;font-weight:500;letter-spacing:.1px;color:#2c352a}
.spec span{font-size:8px;line-height:1.4;letter-spacing:.15px;margin-top:4px;color:#8b9283}
.preview-note{flex:none;margin:11px 0 0;max-width:690px;font-size:7px;line-height:1.5;letter-spacing:.05px;color:#969b8f}
.showroom.expanded{padding:0 6vw 24px;background:linear-gradient(145deg,#f3f2ed,#e9e9e4 65%,#eeeee9)}
.showroom.expanded .showroom-heading{position:absolute;inset:30px 6vw auto;max-width:none}
.showroom.expanded .showroom-heading h1{font-size:36px;white-space:normal}
.showroom.expanded .showroom-heading h1 br{display:block}
.showroom.expanded .truck-stage,.showroom.expanded .photo-stage{flex:1;min-height:35vh;height:auto;margin:0 -6vw}
.showroom.expanded .stage-tools,.showroom.expanded .studio-info,.showroom.expanded .truck-caption,.showroom.expanded .spec-strip,.showroom.expanded .preview-note{width:100%;max-width:1050px;align-self:center}
.showroom.expanded .photo-stage img{max-height:100%;padding:80px 6vw 70px}
.showroom.expanded .stage-tools{margin-top:-48px;margin-bottom:11px}
.site-header{box-shadow:inset 0 1px 0 #ffffff08}
.build-footer{border-top:1px solid #333a31}
@media(min-width:1600px){
 .showroom{padding-left:48px;padding-right:48px;padding-bottom:25px}
 .showroom-heading{inset:34px 48px auto}.showroom-heading>div{max-width:370px}.showroom-heading h1{font-size:39px}
 .truck-stage,.photo-stage{margin-left:-48px;margin-right:-48px;min-height:390px}
 .truck-caption h2{font-size:29px}.spec strong{font-size:28px}.preview-note{font-size:8px}
}
@media(min-width:701px) and (max-height:1000px){
 .workspace{height:calc(100dvh - 210px);min-height:460px}
 .showroom{padding:0 32px 13px}
 .showroom-heading{position:absolute;inset:21px 32px auto;margin:0}
 .showroom-heading>div{max-width:265px}.showroom-heading h1{font-size:28px;white-space:normal}
 .showroom-heading h1 br{display:block}.showroom-heading .eyebrow{font-size:6.5px;letter-spacing:1.9px;margin-bottom:8px}
 .truck-stage,.photo-stage{min-height:300px;height:auto;margin:0 -32px}
 .photo-stage img{max-height:360px;padding:75px 32px 50px}
 .stage-tools{margin-top:-39px;margin-bottom:6px;min-height:31px}
 .studio-info{min-height:13px;margin:0 0 9px;font-size:7.5px}.studio-instruction{font-size:7px}
 .truck-caption{padding-top:9px}.truck-caption .eyebrow{margin-bottom:4px;font-size:6.5px}
 .truck-caption h2{font-size:23px}.details-link{font-size:8.5px}
 .spec-strip{margin-top:11px}.spec strong{font-size:22px}.spec span{font-size:7.5px;margin-top:3px}
 .preview-note{margin-top:8px;font-size:6.5px;line-height:1.4}
 .showroom.expanded{padding:0 6vw 20px}.showroom.expanded .showroom-heading{inset:26px 6vw auto}
 .showroom.expanded .showroom-heading h1{font-size:34px}.showroom.expanded .truck-stage,.showroom.expanded .photo-stage{margin:0 -6vw;min-height:35vh}
}
@media(min-width:701px) and (max-width:1000px){
 .showroom{padding-left:23px;padding-right:23px}
 .showroom-heading{left:23px;right:23px}.showroom-heading>div{max-width:220px}.showroom-heading h1{font-size:25px}
 .truck-stage,.photo-stage{margin-left:-23px;margin-right:-23px}.studio-instruction{display:none}
 .view-toggle button{font-size:8px;padding:7px 9px}.camera-tools{gap:4px}.camera-tools .icon-button{width:28px;height:28px}
 .truck-caption h2{font-size:22px}.truck-caption h2 span{display:inline}.details-link{font-size:8px;padding-top:0}
 .spec{padding:0 10px}.spec strong{font-size:21px}.preview-note{font-size:6.5px}
}
@media(max-width:700px){
 .workspace{height:auto;min-height:0}.config-panel{height:auto;max-height:none}
 .showroom{padding:23px 22px 19px;min-height:0}
 .showroom-heading{position:relative;inset:auto;margin:0 0 7px}.showroom-heading>div{max-width:270px}
 .showroom-heading h1{font-size:32px;white-space:normal;line-height:.99}.showroom-heading h1 br{display:block}
 .showroom-heading .eyebrow{font-size:6.5px;letter-spacing:1.8px;margin-bottom:9px}
 .showroom-heading .icon-button{width:32px;height:32px}
 .truck-stage,.photo-stage{height:280px;min-height:280px;flex:initial;margin:0 -22px}
 .photo-stage img{max-height:280px;padding:22px 24px 45px}.photo-stage>span{bottom:43px;font-size:6px;letter-spacing:.7px}
 .stage-tools{margin-top:-38px;margin-bottom:7px;min-height:31px;flex-direction:row;gap:5px}
 .view-toggle button{font-size:8px;padding:7px 9px}.camera-tools{gap:4px}.camera-tools .icon-button{width:28px;height:28px}
 .studio-info{font-size:7.5px;margin:2px 0 13px;min-height:15px;line-height:1.5}.studio-instruction{display:none}
 .truck-caption{padding-top:12px}.truck-caption .eyebrow{font-size:7px}.truck-caption h2{font-size:24px}
 .details-link{font-size:8.5px;padding-top:0}.spec-strip{margin-top:15px}.spec{padding:0 11px}.spec strong{font-size:24px}.spec span{font-size:8px;margin-top:4px}
 .preview-note{font-size:7px;line-height:1.5;margin-top:11px}
 .showroom.expanded{padding:22px 22px 20px}.showroom.expanded .showroom-heading{position:relative;inset:auto;margin-bottom:10px}
 .showroom.expanded .showroom-heading h1{font-size:32px}.showroom.expanded .truck-stage,.showroom.expanded .photo-stage{margin:0 -22px;min-height:35vh;height:auto;flex:1}
 .showroom.expanded .stage-tools{margin-top:-38px;margin-bottom:7px}
}
@media(prefers-reduced-motion:reduce){.studio-canvas,.view-toggle button{transition:none}}
@media print{.studio-info{display:none}}