.solar-showroom-main .showroom-view{background:#17232e;height:min(76vh,850px);min-height:620px}
.solar-showroom-main .showroom-panel{background:#1b2529;padding:22px}
.solar-showroom-main .showroom-stops button{padding:10px 12px}
.solar-showroom-main .showroom-stops button[aria-pressed=true]{background:#39403a;border-color:#d2b98a}
.solar-showroom-main .showroom-panel hr{margin:20px 0}
.solar-showroom-main .showroom-help{font-size:14px;margin-top:16px;line-height:1.75}
.solar-showroom-main .showroom-guide span,.solar-showroom-main .showroom-caption{font-size:14px}
.solar-showroom-main .showroom-caption{color:#d0d9dc;background:#132029c9;border-radius:8px;padding:7px 10px;bottom:19px}
.solar-ambience{border:0;padding:0;margin:22px 0 0;min-width:0}
.solar-ambience legend{font-size:14px;color:#c1c9c8;margin-bottom:10px}
.solar-ambience>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.solar-ambience button{min-height:42px;font-size:14px;border-radius:9px;background:transparent;border:1px solid #ffffff20;color:#c8d1d0;cursor:pointer}
.solar-ambience button[aria-pressed=true]{background:#364342;border-color:#b7c2ad;color:#fff4d8}
.solar-showroom-foot{display:flex;justify-content:space-between;gap:12px;margin:20px 0 0}
.solar-showroom-foot p{color:#aab9ba;font-size:14px;line-height:1.75;margin:0}
.solar-showroom-nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px;padding-top:18px;border-top:1px solid #ffffff15}
.solar-showroom-nav a{font-size:14px;color:#d4c09b;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.solar-showroom-main .showroom-caption{bottom:74px}.solar-showroom-main .showroom-view{min-height:670px}}
@media(max-width:760px){.solar-showroom-main .showroom-view{min-height:360px;height:57svh}.solar-showroom-main .showroom-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px;padding:18px}.solar-showroom-main .showroom-lights{grid-column:2;grid-row:1/4}.solar-showroom-main .solar-ambience{grid-column:1;grid-row:3;margin-top:16px}.solar-showroom-main .showroom-help{grid-row:4}.solar-showroom-main .showroom-caption{font-size:12px}.solar-showroom-main .showroom-stops button{padding:9px 8px;font-size:14px}.solar-showroom-foot{flex-direction:column;gap:3px}.solar-showroom-main .showroom-heading{gap:12px}}
@media(max-width:390px){.solar-showroom-main .showroom-panel{gap:0 12px;padding:14px}.solar-showroom-main .showroom-heading h1{font-size:24px}.solar-showroom-main .showroom-stops button b{display:none}}

/* Large immersive canvas with a collapsible instrument panel. */
.showroom-page:has(.solar-showroom-main){background:#080f17}
.solar-showroom-main{max-width:none;padding:18px 22px 26px}
.solar-showroom-main .showroom-heading{margin-bottom:16px;gap:20px;align-items:center}
.solar-showroom-main .showroom-heading h1{font-size:28px;margin-top:5px;letter-spacing:.3px}
.solar-showroom-main .showroom-heading .eyebrow{color:#84dce9;font-size:12px;letter-spacing:2.2px}
.solar-showroom-main .showroom-workspace{display:block;position:relative}
.solar-showroom-main .showroom-view{width:100%;height:calc(100svh - 155px);min-height:650px;max-height:1200px;border-radius:13px;background:#08101a;border-color:#304b5a}
.solar-showroom-main .showroom-panel{display:block;position:absolute;top:18px;right:18px;width:270px;max-height:calc(100% - 102px);overflow:auto;border-radius:12px;padding:18px;background:#0b1521e8;border:1px solid #648fa74d;backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:#4b6677 #12202b}
.solar-showroom-main .showroom-panel[hidden]{display:none}
.solar-showroom-main .showroom-panel h2{font-size:15px;font-weight:550;margin-bottom:12px;color:#dcf0f8}
.solar-showroom-main .showroom-stops{grid-template-columns:1fr 1fr;gap:6px}
.solar-showroom-main .showroom-stops button{min-height:42px;padding:9px 6px;font-size:14px;border-radius:6px;border-color:#6b8ca32c;justify-content:center;text-align:center;line-height:1.4}
.solar-showroom-main .showroom-stops button b{display:none}
.solar-showroom-main .showroom-stops button[aria-pressed=true]{background:#183e4c;border-color:#6dd9ed;color:#e1fbff}
.solar-showroom-main .showroom-stops button:last-child{grid-column:1/-1}
.solar-showroom-main .showroom-guide{right:310px}
.solar-showroom-main .showroom-guide span{background:#0b1824b8;border-color:#a2dffb2b;color:#d8edf4;font-size:14px}
.solar-showroom-main .showroom-viewtools{right:18px;bottom:18px;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 36px)}
.solar-showroom-main .showroom-viewtools button{border-radius:7px;border-color:#6c98aa65;background:#0a1723ed;color:#dff8ff;min-height:44px}
.solar-showroom-main .showroom-viewtools #solar-fullscreen,.solar-showroom-main .showroom-viewtools #solar-tools-toggle{font-size:14px}
.solar-showroom-main .showroom-caption{bottom:18px;left:18px;background:#0b1723c7;border:1px solid #5073873d;font-size:12px;color:#aac5d0;padding:7px 10px}
.solar-showroom-main .solar-ambience{margin-top:18px}
.solar-showroom-main .solar-ambience legend{color:#b3cbd5}
.solar-showroom-main .solar-ambience button{border-radius:6px;min-height:36px}
.solar-showroom-main .solar-ambience button[aria-pressed=true]{background:#17384a;border-color:#65cde6;color:#dbfaff}
.solar-optics-controls{border:0;padding:0;margin:19px 0 0;min-width:0}
.solar-optics-controls legend{color:#dff1f7;font-size:15px;margin-bottom:11px}
.solar-angle-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:#b7cbd6}
.solar-angle-label output{color:#7ee7ff;font-variant-numeric:tabular-nums}
.solar-beam-toggle{display:flex;align-items:center;gap:8px;color:#b6d1de;font-size:14px;cursor:pointer}
.solar-beam-toggle input{accent-color:#72d9ed;width:16px;height:16px}
.solar-showroom-main .showroom-range{accent-color:#70d9ed;height:32px}
.solar-showroom-main .showroom-palette{grid-template-columns:1fr 1fr;gap:6px}
.solar-showroom-main .showroom-palette label span{font-size:14px;padding:8px;border-radius:6px}
.solar-showroom-main .showroom-lights legend{font-size:15px;margin-bottom:11px}
.solar-showroom-main .showroom-brightness{margin-top:14px}
.solar-showroom-main .showroom-panel hr{margin:18px 0;border-color:#7799b225}
.solar-showroom-main .showroom-help{font-size:12px;line-height:1.7;color:#8da9ba;margin-top:13px}
.solar-showroom-main .solar-showroom-foot{margin-top:12px}
.solar-showroom-main .solar-showroom-foot p{font-size:13px;color:#7b9bad}
.solar-showroom-main .solar-showroom-nav{display:none}
.solar-showroom-main .showroom-workspace:fullscreen{width:100vw;height:100vh;background:#08101a}
.solar-showroom-main .showroom-workspace:fullscreen .showroom-view{height:100%;max-height:none;border:0;border-radius:0;min-height:0}
@media(max-width:1000px){.solar-showroom-main{padding:14px}.solar-showroom-main .showroom-panel{width:250px}.solar-showroom-main .showroom-guide{right:285px}.solar-showroom-main .showroom-guide span:last-child{display:none}.solar-showroom-main .showroom-caption{bottom:78px}}
@media(max-width:760px){.solar-showroom-main{padding:12px 8px}.solar-showroom-main .showroom-heading{padding:0 7px;margin-bottom:12px;gap:10px}.solar-showroom-main .showroom-heading h1{font-size:24px}.solar-showroom-main .showroom-view{height:76svh;min-height:550px}.solar-showroom-main .showroom-panel{top:12px;right:12px;width:222px;padding:12px;max-height:calc(100% - 130px)}.solar-showroom-main .showroom-guide{top:12px;left:12px;right:auto}.solar-showroom-main .showroom-guide span{padding:8px;font-size:12px}.solar-showroom-main .showroom-stops button{font-size:14px;padding:8px 4px}.solar-showroom-main .showroom-viewtools{right:12px;bottom:12px;max-width:calc(100% - 24px)}.solar-showroom-main .showroom-viewtools button{padding:0 10px}.solar-showroom-main .showroom-caption{bottom:112px;left:12px}.solar-showroom-main .solar-showroom-foot{padding:0 7px}}