/* The same phone frame as the completed projects, scaled to each model preview. */
.studio .model-preview-stage{position:relative;isolation:isolate;--model-phone-width:22%;--model-phone-max:155px;--model-phone-right:12px;--model-phone-bottom:12px}
.studio .model-preview-stage .model-mobile-device{position:absolute;display:block;inset:auto var(--model-phone-right) var(--model-phone-bottom) auto;z-index:2;width:var(--model-phone-width);max-width:var(--model-phone-max);min-width:0;height:auto;margin:0;padding:0;overflow:hidden;border:4px solid var(--studio-ink,#173d33);border-radius:17px;background:var(--studio-ink,#173d33);box-shadow:0 10px 20px #173d3333;line-height:0;pointer-events:none;transform:none}
.studio .model-preview-stage .model-mobile-device[hidden]{display:none}
.studio .model-preview-stage:hover .model-mobile-device>img{transform:none}
.studio .model-preview-stage .model-mobile-device>.model-mobile-speaker{display:block;position:static;width:100%;height:8px;margin:0;padding:0;border:0;background:var(--studio-ink,#173d33)}
.studio .model-preview-stage .model-mobile-device>img{display:block;position:static;inset:auto;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:390/844;object-fit:cover;object-position:top;margin:0;padding:0;border:0;border-radius:0;filter:none;transform:none;transition:none}
.studio .catalog-card-picture.model-preview-stage{--model-phone-width:23%;--model-phone-max:140px;--model-phone-right:12px;--model-phone-bottom:12px}
.studio .catalog-card-picture .catalog-card-invitation{left:10px;right:auto;max-width:calc(72% - 18px);text-align:left}
.studio .sh-showcase-display.model-preview-stage{--model-phone-width:23%;--model-phone-max:145px}
.studio .sh-showcase-display .sh-showcase-open{left:12px;right:auto;max-width:calc(72% - 18px)}
.studio .sc-service-visual>.model-preview-stage,.studio .sc-example-image.model-preview-stage{--model-phone-width:23%;--model-phone-max:150px}
.studio .sc-feature-context>.model-preview-stage{--model-phone-width:22%;--model-phone-max:150px;--model-phone-right:12px;--model-phone-bottom:12px}
.studio .s-model-preview-picture.model-preview-stage{--model-phone-width:23%;--model-phone-max:120px}
.studio .s-package-visual.model-preview-stage{--model-phone-width:58px;--model-phone-max:23%;--model-phone-right:10px;--model-phone-bottom:10px}
.studio .s-package-visual.model-preview-stage>.model-mobile-device{border-width:3px;border-radius:11px}
.studio .s-package-visual.model-preview-stage .model-mobile-speaker{height:5px}
.studio .s-package-visual.model-preview-stage>span:not(.model-mobile-device){max-width:calc(73% - 16px)}
.studio .iframe-shell.model-preview-stage{--model-phone-width:17%;--model-phone-max:150px;--model-phone-right:18px;--model-phone-bottom:18px}
.studio .iframe-shell.model-preview-stage.mobile .model-mobile-device{display:none}
@media(max-width:600px){
    .studio .model-preview-stage{--model-phone-right:9px;--model-phone-bottom:9px}
    .studio .model-preview-stage .model-mobile-device{border-width:3px;border-radius:12px;box-shadow:0 7px 14px #173d332b}
    .studio .model-preview-stage .model-mobile-speaker{height:6px}
    .studio .catalog-card-picture.model-preview-stage{--model-phone-width:23%;--model-phone-right:9px;--model-phone-bottom:9px}
    .studio .catalog-card-picture .catalog-card-invitation{left:8px;max-width:calc(72% - 14px);font-size:11px;gap:8px;padding:8px}
    .studio .sh-showcase-display .sh-showcase-open{left:8px;bottom:9px;gap:10px;max-width:calc(71% - 12px);font-size:11px;padding:8px}
    .studio .s-package-visual.model-preview-stage{--model-phone-width:34px;--model-phone-right:6px;--model-phone-bottom:6px}
    .studio .s-package-visual.model-preview-stage>.model-mobile-device{border-width:2px;border-radius:7px}
    .studio .s-package-visual.model-preview-stage .model-mobile-speaker{height:3px}
    .studio .s-packages>.s-package:only-child .s-package-visual.model-preview-stage{--model-phone-width:21%;--model-phone-max:90px}
    .studio .iframe-shell.model-preview-stage{--model-phone-width:23%;--model-phone-max:100px;--model-phone-right:9px;--model-phone-bottom:12px}
}
@media print{.studio .model-mobile-device{box-shadow:none}}