/* Native client screenshots: the same product UI on desktop and mobile. */
.product-showcase{width:100%;max-width:1000px;margin:44px auto 0}
.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;text-align:left}
.showcase-toolbar .scenario-tabs{display:flex;align-items:center;gap:24px;min-width:0}
.showcase-toolbar .scenario-tab{min-height:44px;padding:8px 0;font-size:14px;color:#536176;white-space:nowrap;border-bottom:2px solid transparent}
.showcase-toolbar .scenario-tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.showcase-source{font-size:12px;color:#64748b;white-space:nowrap}
#scenario-panel{min-height:0;padding:0;background:transparent;border:0}
.client-screenshot-stage{aspect-ratio:1000/648;border:1px solid #dce4ef;border-radius:10px;background:#f4f7fb;box-shadow:0 12px 38px #243e6412}
.client-screenshot-button{display:block;width:100%;height:100%;padding:0;border:0;border-radius:9px;background:transparent;cursor:zoom-in}
.client-screenshot{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:9px}
.product-showcase .showcase-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:16px;text-align:left;font-size:12px;line-height:1.7;color:#64748b}
.product-showcase .showcase-caption>span{display:inline;color:#64748b;flex-shrink:1}
.product-showcase .showcase-hint{white-space:nowrap}
.client-preview-dialog{width:min(1440px,calc(100% - 32px));padding:16px;max-height:calc(100vh - 32px)}
.client-preview-dialog .dialog-heading{gap:16px;margin-bottom:14px}
.client-preview-dialog h2{font-size:16px;line-height:1.5;margin:0;letter-spacing:0}
.client-preview-dialog .dialog-close{flex-shrink:0}
.preview-image-scroll{max-height:calc(100vh - 128px);overflow:auto;overscroll-behavior:contain;border:1px solid #dce4ef;border-radius:5px;background:#f4f7fb}
.preview-image-scroll img{display:block;width:100%;height:auto;max-width:none}
.preview-scroll-hint{display:none}
@media(max-width:650px){
  .product-showcase{margin-top:32px}
  .showcase-toolbar{flex-wrap:wrap;gap:4px;margin-bottom:12px}
  .showcase-toolbar .scenario-tabs{gap:24px;width:100%;justify-content:space-between}
  .showcase-toolbar .scenario-tab{font-size:13px}
  .showcase-source{font-size:11px}
  .product-showcase .showcase-caption{font-size:11px;gap:4px;margin-top:12px}
  .client-screenshot-stage{border-radius:7px}
  .client-screenshot-button,.client-screenshot{border-radius:6px}
  .client-preview-dialog{padding:12px}
  .client-preview-dialog h2{font-size:14px}
  .client-preview-dialog .preview-scroll-hint{display:block;margin:0 0 12px;font-size:12px;color:#64748b}
  .preview-image-scroll{max-height:calc(100vh - 160px)}
  .preview-image-scroll img{width:1000px;min-width:1000px}
}