[hidden]{display:none!important}
.demo-bar{flex-wrap:wrap;gap:14px;padding:10px 3%}
.demo-controls{flex-wrap:wrap;margin-left:auto}
.demo-bar .preview-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #75868c;border-radius:6px;flex-shrink:0}
.demo-bar .preview-switch button{padding:8px 14px;min-height:38px;border:0;border-radius:3px;color:#dbe4e6;background:transparent;font-size:.8125rem;font-weight:700;line-height:1.3}
.demo-bar .preview-switch button[aria-pressed=true]{background:#fff;color:#18272c}
body[data-preview-mode=phone]{background:#e7ebed}
.service-phone-preview{min-height:calc(100dvh - var(--preview-bar-height,68px));padding:18px 16px 24px;background:radial-gradient(ellipse at 50% 40%,#f8fafb,#e1e7eb)}
.phone-caption{text-align:center;color:#52626c;font:400 .875rem/1.5 DM,Arial,sans-serif;margin:0 0 14px}
.phone-help{font-size:.75rem;margin:14px 0 0}
.service-phone-shell{width:min(100%,410px);height:clamp(420px,calc(100dvh - var(--preview-bar-height,68px) - 110px),840px);margin:auto;padding:12px 7px;border:3px solid #52616b;border-radius:38px;background:#202e35;box-shadow:0 25px 60px #1c292d22,inset 0 0 0 1px #ffffff30}
.service-phone-shell iframe{display:block;width:100%;height:100%;background:#fff;border:0;border-radius:25px}
@media(max-width:1200px){.demo-bar>a{display:none}}
@media(max-width:760px){
 .demo-bar{padding:12px 5%}
 .demo-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);margin:0;gap:10px 12px}
 .demo-controls #customize{grid-column:1;grid-row:2;justify-self:start;min-height:42px;text-align:left;white-space:normal}
 .demo-bar .preview-switch{grid-column:2;grid-row:2;justify-self:end}
 .demo-bar .preview-switch button{padding:8px;font-size:.75rem;min-height:36px}
 .service-phone-preview{padding-inline:6px}
 .service-phone-shell{border-radius:30px;padding-inline:4px}
 .phone-caption{font-size:.8125rem}
}