/* Public product gallery: fixed-aspect SVG previews, never embedded workspace DOM. */
.mpa-showroom{
 --sg-text:var(--public-text,#f7f9fc);
 --sg-muted:var(--public-muted,#95a9bc);
 --sg-soft:var(--public-text-soft,#cbd5e1);
 --sg-panel:var(--public-panel,#0e1d30);
 --sg-border:var(--public-border,rgba(115,163,205,.2));
 --sg-accent:var(--public-accent,#38bdf8);
 --sg-gold:var(--public-gold,#f4c356);
 min-height:100vh; color:var(--sg-text);overflow-x:clip;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.mpa-showroom,.mpa-showroom *{box-sizing:border-box}
.mpa-showroom .showroom-wrap{width:min(1260px,calc(100% - 52px));margin:0 auto}
.mpa-showroom main>section{background:transparent!important}
.mpa-showroom button,.mpa-showroom a{font:inherit}
.mpa-showroom button{cursor:pointer}
.mpa-showroom a:focus-visible,.mpa-showroom button:focus-visible{outline:3px solid var(--sg-accent);outline-offset:3px}
.mpa-showroom .showroom-kicker{display:inline-block;color:var(--sg-accent);font-size:11px;letter-spacing:.15em;font-weight:850;line-height:1.5}
.mpa-showroom .showroom-hero{padding:clamp(68px,8vw,110px) 0 clamp(65px,7vw,90px)}
.mpa-showroom .showroom-hero h1{font-size:clamp(42px,6.3vw,80px);font-weight:890;line-height:1.045;letter-spacing:-.064em;margin:25px 0 22px;color:var(--sg-text)}
.mpa-showroom .showroom-hero h1 span{background:linear-gradient(110deg,#80dbff 0%,#39b9ee 60%,#7da6ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mpa-showroom .showroom-hero p{max-width:710px;color:var(--sg-soft);font-size:clamp(15px,1.5vw,19px);line-height:1.72;margin:0}
.mpa-showroom .showroom-hero-link{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:15px 19px;color:#fff!important;-webkit-text-fill-color:#fff;background:linear-gradient(120deg,#16a9df,#2363df);border:1px solid rgba(120,197,255,.43);border-radius:11px;text-decoration:none;font-size:14px;font-weight:770;box-shadow:0 15px 35px rgba(22,95,177,.2)}
.mpa-showroom .showroom-gallery{scroll-margin-top:35px;padding-bottom:22px}
.mpa-showroom .showroom-gallery-notice{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--sg-border);border-bottom:1px solid var(--sg-border);padding:27px 0;margin-bottom:65px}
.mpa-showroom .showroom-gallery-notice p{max-width:580px;margin:0;color:var(--sg-muted);font-size:12px;line-height:1.7}
.mpa-showroom .showroom-chapter{margin:0 0 90px}
.mpa-showroom .showroom-chapter-heading{display:grid;grid-template-columns:250px 1fr;gap:8px 26px;align-items:start;margin-bottom:33px}
.mpa-showroom .showroom-chapter-heading>span{grid-row:span 2;display:block;font-size:12px;font-weight:850;letter-spacing:.1em;color:var(--sg-gold);padding-top:11px}
.mpa-showroom .showroom-chapter-heading h2{font-size:clamp(30px,3.8vw,44px);font-weight:830;line-height:1.14;letter-spacing:-.047em;color:var(--sg-text);margin:0}
.mpa-showroom .showroom-chapter-heading p{font-size:14px;color:var(--sg-muted);line-height:1.6;margin:0}
.mpa-showroom .showroom-row{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(295px,1fr);gap:27px;align-items:stretch;padding:28px 0 39px;border-top:1px solid var(--sg-border);min-width:0}
.mpa-showroom .showroom-image-block{align-self:center;min-width:0}
.mpa-showroom .showroom-screenshot{overflow:hidden;isolation:isolate;border-radius:13px;background:#06111e;border:1px solid rgba(104,160,206,.38);box-shadow:0 20px 48px rgba(0,7,23,.17)}
.mpa-showroom .showroom-screenshot .mpa-gallery-screen-svg{display:block;width:100%;height:auto;aspect-ratio:12/7}
.mpa-showroom .showroom-image-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px 0}
.mpa-showroom .showroom-image-caption>span{font-size:10px;font-weight:770;letter-spacing:.05em;color:var(--sg-muted);display:flex;align-items:center;gap:10px}
.mpa-showroom .showroom-image-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#43d1a9;box-shadow:0 0 0 4px rgba(65,208,170,.11)}
.mpa-showroom .showroom-image-caption button{border:1px solid var(--sg-border);border-radius:8px;background:var(--sg-panel);color:var(--sg-text);padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:770;white-space:nowrap}
.mpa-showroom .showroom-image-caption button:hover{border-color:var(--sg-accent)}
.mpa-showroom .showroom-spec{display:flex;flex-direction:column;gap:18px;min-width:0;padding:24px 25px 22px;background:var(--sg-panel);border:1px solid var(--sg-border);border-radius:15px;box-shadow:0 12px 34px rgba(0,0,0,.045)}
.mpa-showroom .showroom-spec-overline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:var(--sg-muted)}
.mpa-showroom .showroom-spec-index{color:var(--sg-gold)}
.mpa-showroom .showroom-spec-heading{display:flex;align-items:center;gap:12px}
.mpa-showroom .showroom-spec-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:11px;border:1px solid color-mix(in srgb,var(--sg-accent) 35%,var(--sg-border));background:color-mix(in srgb,var(--sg-accent) 9%,var(--sg-panel));color:var(--sg-accent)}
.mpa-showroom .showroom-spec-heading h3{font-size:clamp(22px,2.4vw,29px);line-height:1.12;letter-spacing:-.038em;color:var(--sg-text);margin:0;font-weight:840}
.mpa-showroom .showroom-spec-tagline{margin:-5px 0 2px;color:var(--sg-accent);font-size:13px;line-height:1.5;font-weight:760}
.mpa-showroom .showroom-spec-section{padding-top:15px;border-top:1px solid var(--sg-border)}
.mpa-showroom .showroom-spec-label{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;color:var(--sg-muted)}
.mpa-showroom .showroom-spec-section p{margin:9px 0 0;color:var(--sg-soft);font-size:12px;line-height:1.67}
.mpa-showroom .showroom-spec-section ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:9px}
.mpa-showroom .showroom-spec-section li{color:var(--sg-soft);display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5}
.mpa-showroom .showroom-spec-section li svg{color:#49cda8;flex:0 0 15px;margin-top:1px}
.mpa-showroom .showroom-final-section{padding:5px 0 110px}
.mpa-showroom .showroom-final-card{position:relative;overflow:hidden;text-align:center;border:1px solid rgba(69,160,226,.37);border-radius:21px;padding:clamp(54px,7vw,94px) 24px;background:linear-gradient(130deg,#103155,#0b1b31 55%,#10335c);box-shadow:0 32px 70px rgba(0,8,25,.16)}
.mpa-showroom .showroom-final-card h2{font-size:clamp(38px,5.2vw,66px);font-weight:870;line-height:1.07;letter-spacing:-.06em;margin:17px 0 16px;color:#f7fbff}
.mpa-showroom .showroom-final-card h2 span{color:#71d3ff}
.mpa-showroom .showroom-final-card p{margin:0 auto 26px;max-width:550px;font-size:14px;color:#c3d3e5;line-height:1.8}
.mpa-showroom .showroom-demo-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:16px 25px;min-height:53px;background:linear-gradient(115deg,#18b0ec,#245cda);border:1px solid rgba(147,216,255,.4);border-radius:12px;color:#fff!important;-webkit-text-fill-color:#fff;text-decoration:none;font-size:15px;font-weight:830;box-shadow:0 17px 45px rgba(19,83,181,.25)}
.mpa-showroom .showroom-zoom-backdrop{position:fixed!important;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,8,19,.88);backdrop-filter:blur(8px);padding:18px}
.mpa-showroom .showroom-zoom-dialog{min-width:0;max-width:min(1400px,100%);width:100%;max-height:calc(100dvh - 36px);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(117,170,213,.43);border-radius:16px;background:#081523;box-shadow:0 40px 110px rgba(0,0,0,.4)}
.mpa-showroom .showroom-zoom-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;background:#0b1f34;border-bottom:1px solid rgba(112,161,205,.29)}
.mpa-showroom .showroom-zoom-header>div{display:grid;gap:3px}
.mpa-showroom .showroom-zoom-header strong{font-size:18px;font-weight:830;color:#f2f7fd}
.mpa-showroom .showroom-zoom-header span{font-size:11px;color:#98b0c7}
.mpa-showroom .showroom-zoom-header button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #30516e;border-radius:9px;background:#153049;color:#f7fbff}
.mpa-showroom .showroom-zoom-image{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.mpa-showroom .showroom-zoom-image svg{display:block;width:100%;min-width:750px;max-width:1300px;margin:0 auto;height:auto}
@media(max-width:980px){
 .mpa-showroom .showroom-row{grid-template-columns:1fr;gap:18px}
 .mpa-showroom .showroom-spec{padding:24px;gap:16px}
 .mpa-showroom .showroom-spec-section p,.mpa-showroom .showroom-spec-section li{font-size:13px}
}
@media(max-width:600px){
 .mpa-showroom .showroom-wrap{width:calc(100% - 28px)}
 .mpa-showroom .showroom-hero{padding:63px 0 52px}
 .mpa-showroom .showroom-hero h1{font-size:clamp(36px,10vw,49px)}
 .mpa-showroom .showroom-hero p{font-size:14px}
 .mpa-showroom .showroom-hero-link{width:100%;justify-content:center}
 .mpa-showroom .showroom-gallery-notice{display:block;margin-bottom:45px;padding:20px 0}
 .mpa-showroom .showroom-gallery-notice p{margin-top:9px}
 .mpa-showroom .showroom-chapter{margin-bottom:60px}
 .mpa-showroom .showroom-chapter-heading{display:block;margin-bottom:24px}
 .mpa-showroom .showroom-chapter-heading>span{margin-bottom:14px}
 .mpa-showroom .showroom-chapter-heading h2{font-size:32px}
 .mpa-showroom .showroom-chapter-heading p{margin-top:9px;font-size:13px}
 .mpa-showroom .showroom-row{padding:22px 0 31px;gap:15px}
 .mpa-showroom .showroom-screenshot{border-radius:11px}
 .mpa-showroom .showroom-image-caption>span{font-size:8px;gap:7px}
 .mpa-showroom .showroom-image-caption button{font-size:10px;padding:8px}
 .mpa-showroom .showroom-spec{padding:20px 18px}
 .mpa-showroom .showroom-spec-heading h3{font-size:24px}
 .mpa-showroom .showroom-final-section{padding:0 0 70px}
 .mpa-showroom .showroom-final-card{padding:62px 16px}
 .mpa-showroom .showroom-final-card h2{font-size:clamp(36px,9vw,48px)}
 .mpa-showroom .showroom-demo-button{width:100%}
 .mpa-showroom .showroom-zoom-backdrop{padding:8px}
 .mpa-showroom .showroom-zoom-dialog{max-height:calc(100dvh - 16px)}
 .mpa-showroom .showroom-zoom-header{padding:12px}
 .mpa-showroom .showroom-zoom-header strong{font-size:16px}
}

/* Compact, single-screen album: reuse existing screenshot + technical card presentation. */
.mpa-showroom .showroom-hero{padding-bottom:clamp(36px,4.5vw,56px)}
.mpa-showroom .showroom-gallery-notice{margin-bottom:25px}
.mpa-showroom .showroom-album{min-width:0;outline-offset:6px}
.mpa-showroom .showroom-album:focus-visible{outline:2px solid var(--sg-accent);border-radius:12px}
.mpa-showroom .showroom-album-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 0 18px}
.mpa-showroom .showroom-album-location{display:flex;align-items:center;gap:19px;flex-wrap:wrap}
.mpa-showroom .showroom-album-area{font-size:11px;font-weight:850;letter-spacing:.14em;color:var(--sg-gold)}
.mpa-showroom .showroom-album-count{font-size:28px;font-weight:850;color:var(--sg-text);font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.mpa-showroom .showroom-album-count span{font-size:16px;color:var(--sg-muted);font-weight:600;letter-spacing:0}
.mpa-showroom .showroom-album-controls{display:flex;align-items:center;gap:10px}
.mpa-showroom .showroom-album-arrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 16px;border:1px solid var(--sg-border);border-radius:10px;background:var(--sg-panel);color:var(--sg-text);font-size:13px!important;font-weight:780!important;transition:border-color .15s ease,background .15s ease}
.mpa-showroom .showroom-album-arrow:not(:disabled):hover{border-color:var(--sg-accent);background:color-mix(in srgb,var(--sg-accent) 8%,var(--sg-panel))}
.mpa-showroom .showroom-album-arrow:disabled{opacity:.34;cursor:not-allowed}
.mpa-showroom .showroom-album-track{min-width:0;touch-action:pan-y}
.mpa-showroom .showroom-album-track .showroom-row{border-top:0;padding:8px 0 16px;animation:mpa-gallery-slide .22s ease both}
@keyframes mpa-gallery-slide{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.mpa-showroom .showroom-album-bottom{display:flex;align-items:center;gap:20px;padding:20px 0 7px}
.mpa-showroom .showroom-album-progress{height:4px;flex:1;background:var(--sg-border);border-radius:99px;overflow:hidden}
.mpa-showroom .showroom-album-progress>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sg-gold),var(--sg-accent));transition:width .22s ease}
.mpa-showroom .showroom-album-hint{color:var(--sg-muted);font-size:11px;white-space:nowrap}
.mpa-showroom .showroom-gallery{padding-bottom:73px}
@media(max-width:650px){
 .mpa-showroom .showroom-album-header{gap:8px;padding:4px 0 15px}
 .mpa-showroom .showroom-album-location{gap:7px;flex-direction:column;align-items:flex-start}
 .mpa-showroom .showroom-album-count{font-size:23px}
 .mpa-showroom .showroom-album-controls{gap:7px}
 .mpa-showroom .showroom-album-arrow{min-width:45px;min-height:44px;padding:10px}
 .mpa-showroom .showroom-album-arrow span{display:none}
 .mpa-showroom .showroom-album-bottom{padding-top:13px}
 .mpa-showroom .showroom-album-hint{display:none}
 .mpa-showroom .showroom-gallery{padding-bottom:45px}
 .mpa-showroom .showroom-gallery-notice{margin-bottom:23px}
}
@media(prefers-reduced-motion:reduce){.mpa-showroom .showroom-album-track .showroom-row{animation:none}.mpa-showroom .showroom-album-progress>span{transition:none}}

/* Coverage verified against PricingPage PLAN_FEATURES: Standard base; Pro team/accountant. */
.mpa-showroom .showroom-spec-plan{margin-top:auto;padding:15px 16px;border-radius:11px;border:1px solid var(--sg-border);background:color-mix(in srgb,var(--sg-accent) 6%,var(--sg-panel))}
.mpa-showroom .showroom-spec-plan[data-plan="pro"]{border-color:color-mix(in srgb,var(--sg-gold) 39%,var(--sg-border));background:color-mix(in srgb,var(--sg-gold) 5%,var(--sg-panel))}
.mpa-showroom .showroom-spec-plan-badge{display:inline-block;color:var(--sg-accent);font-size:10px;font-weight:900;letter-spacing:.1em}
.mpa-showroom .showroom-spec-plan[data-plan="pro"] .showroom-spec-plan-badge{color:var(--sg-gold)}
.mpa-showroom .showroom-spec-plan p{margin:10px 0 12px;color:var(--sg-soft);font-size:12px;line-height:1.65}
.mpa-showroom .showroom-spec-plan a{display:inline-flex;align-items:center;gap:6px;color:var(--sg-accent)!important;font-size:12px;font-weight:820;text-decoration:none}
.mpa-showroom .showroom-spec-plan a:hover{text-decoration:underline}

/* Album index: instant navigation instead of stepping through 25 screens. */
.mpa-showroom .showroom-album-content{display:grid;grid-template-columns:minmax(0,1fr) 218px;align-items:start;gap:22px;min-width:0}
.mpa-showroom .showroom-album-content-main{min-width:0}
.mpa-showroom .showroom-album-content-main .showroom-row{grid-template-columns:minmax(0,1.46fr) minmax(270px,1fr);gap:19px}
.mpa-showroom .showroom-album-content-main .showroom-spec{padding:21px 20px;gap:14px}
.mpa-showroom .showroom-album-content-main .showroom-spec-heading h3{font-size:clamp(20px,2.2vw,27px)}
.mpa-showroom .showroom-album-index{position:sticky;top:92px;max-height:min(73vh,710px);overflow-y:auto;overscroll-behavior:contain;padding:17px 11px 14px;background:var(--sg-panel);border:1px solid var(--sg-border);border-radius:13px;scrollbar-width:thin}
.mpa-showroom .showroom-album-index-heading{display:flex;flex-direction:column;gap:5px;padding:0 9px 14px}
.mpa-showroom .showroom-album-index-heading strong{font-size:11px;color:var(--sg-text);letter-spacing:.08em}
.mpa-showroom .showroom-album-index-heading small{font-size:11px;color:var(--sg-muted)}
.mpa-showroom .showroom-album-index-group{display:grid;gap:3px;margin:7px 0 11px}
.mpa-showroom .showroom-album-index-group>span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--sg-gold);font-weight:850;margin:0 9px 5px}
.mpa-showroom .showroom-album-index-group button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;background:transparent;border-radius:8px;padding:9px 8px;color:var(--sg-soft);font-size:11px;font-weight:660;line-height:1.3}
.mpa-showroom .showroom-album-index-group button:hover{background:color-mix(in srgb,var(--sg-accent) 10%,var(--sg-panel));color:var(--sg-text)}
.mpa-showroom .showroom-album-index-group button.is-active{color:var(--sg-text);background:color-mix(in srgb,var(--sg-accent) 12%,var(--sg-panel));border-color:color-mix(in srgb,var(--sg-accent) 33%,var(--sg-border));font-weight:830}
.mpa-showroom .showroom-album-index-group button small{flex:0 0 18px;font-size:10px;color:var(--sg-muted);font-variant-numeric:tabular-nums}
.mpa-showroom .showroom-album-jump-mobile{display:none}
@media(max-width:1200px){
 .mpa-showroom .showroom-album-content{grid-template-columns:minmax(0,1fr)}
 .mpa-showroom .showroom-album-index{display:none}
 .mpa-showroom .showroom-album-jump-mobile{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 13px;padding:12px 15px;background:var(--sg-panel);border:1px solid var(--sg-border);border-radius:10px}
 .mpa-showroom .showroom-album-jump-mobile span{font-size:10px;color:var(--sg-gold);font-weight:850;letter-spacing:.09em}
 .mpa-showroom .showroom-album-jump-mobile select{min-width:0;flex:1;max-width:350px;padding:9px 30px 9px 12px;border:1px solid var(--sg-border);border-radius:8px;background:var(--sg-panel);color:var(--sg-text);font:inherit;font-size:13px;cursor:pointer}
 .mpa-showroom .showroom-album-content-main .showroom-row{grid-template-columns:minmax(0,1.68fr) minmax(295px,1fr);gap:22px}
}
@media(max-width:980px){.mpa-showroom .showroom-album-content-main .showroom-row{grid-template-columns:1fr;gap:18px}}
@media(max-width:520px){.mpa-showroom .showroom-album-jump-mobile{flex-direction:column;align-items:stretch;gap:8px}.mpa-showroom .showroom-album-jump-mobile select{max-width:none;width:100%}}