.client-phone-preview{--phone-frame:oklch(18% 0 0);--phone-screen:oklch(12% 0 0);width:min(100%,280px);margin-inline:auto}.client-phone-preview__frame{border:1px solid var(--phone-frame);background:var(--phone-frame);box-shadow:var(--shadow-xl);border-radius:36px;padding:6px}.client-phone-preview__screen{aspect-ratio:390/844;background:var(--phone-screen);border-radius:30px;position:relative;overflow:hidden}.client-phone-preview__screen iframe{transform-origin:0 0;border:0;width:390px;height:844px;position:absolute;inset:0 auto auto 0}