.phone-preview{width:100%;aspect-ratio:9/16;border-radius:16px;border:2px solid #ebeef7;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;background:#fff}.phone-preview--interactive{cursor:pointer}.phone-preview--highlighted,.phone-preview--interactive:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1);border-color:#7375a5}.phone-preview--selected{border-color:#7375a5}.phone-preview--sm{border-radius:16px}.phone-preview--sm .phone-preview__content{padding:12px 10px}.phone-preview--sm .phone-preview__avatar-wrapper{width:46px;height:46px;margin-top:8px;margin-bottom:6px}.phone-preview--sm .phone-preview__name{font-size:9px;margin-bottom:1px}.phone-preview--sm .phone-preview__handle{font-size:7px;margin-bottom:8px}.phone-preview--sm .phone-preview__socials{gap:6px;margin-bottom:10px}.phone-preview--sm .phone-preview__social-icon{width:18px;height:18px}.phone-preview--sm .phone-preview__social-icon svg{font-size:8px}.phone-preview--sm .phone-preview__pill{width:70%;height:16px;margin-bottom:10px}.phone-preview--sm .phone-preview__pill-label{font-size:5px}.phone-preview--sm .phone-preview__links{gap:5px}.phone-preview--sm .phone-preview__link{padding:5px 6px;font-size:7px}.phone-preview--sm .phone-preview__footer{padding:6px}.phone-preview--sm .phone-preview__footer-text{font-size:10px}.phone-preview--md{border-radius:24px}.phone-preview--md .phone-preview__content{padding:16px 14px}.phone-preview--md .phone-preview__avatar-wrapper{width:62px;height:62px;margin-top:12px;margin-bottom:8px}.phone-preview--md .phone-preview__name{font-size:12px;margin-bottom:2px}.phone-preview--md .phone-preview__handle{font-size:10px;margin-bottom:12px}.phone-preview--md .phone-preview__socials{gap:8px;margin-bottom:14px}.phone-preview--md .phone-preview__social-icon{width:24px;height:24px}.phone-preview--md .phone-preview__social-icon svg{font-size:10px}.phone-preview--md .phone-preview__pill{width:70%;height:22px;margin-bottom:14px}.phone-preview--md .phone-preview__pill-label{font-size:7px}.phone-preview--md .phone-preview__links{gap:8px}.phone-preview--md .phone-preview__link{padding:8px 10px;font-size:10px}.phone-preview--md .phone-preview__footer{padding:10px}.phone-preview--md .phone-preview__footer-text{font-size:12px}.phone-preview--lg{border-radius:32px}.phone-preview--lg .phone-preview__content{padding:20px 18px}.phone-preview--lg .phone-preview__avatar-wrapper{width:82px;height:82px;margin-top:16px;margin-bottom:10px}.phone-preview--lg .phone-preview__name{font-size:14px;margin-bottom:3px}.phone-preview--lg .phone-preview__handle{font-size:12px;margin-bottom:14px}.phone-preview--lg .phone-preview__socials{gap:10px;margin-bottom:16px}.phone-preview--lg .phone-preview__social-icon{width:28px;height:28px}.phone-preview--lg .phone-preview__social-icon svg{font-size:12px}.phone-preview--lg .phone-preview__pill{width:70%;height:28px;margin-bottom:16px}.phone-preview--lg .phone-preview__pill-label{font-size:9px}.phone-preview--lg .phone-preview__links{gap:10px}.phone-preview--lg .phone-preview__link{padding:10px 12px;font-size:12px}.phone-preview--lg .phone-preview__footer{padding:12px}.phone-preview--lg .phone-preview__footer-text{font-size:14px}.phone-preview__name--large{font-size:1.35em;line-height:1.15}.phone-preview__content{flex:1;display:flex;flex-direction:column;align-items:center}.phone-preview__avatar-wrapper{flex-shrink:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.phone-preview__avatar-wrapper .avatar-component,.phone-preview__avatar-wrapper .avatar-component__image-wrapper,.phone-preview__avatar-wrapper .avatar-component__placeholder{width:100%;height:100%;min-width:100%;min-height:100%}.phone-preview__name{font-weight:700;text-align:center}.phone-preview__handle{text-align:center}.phone-preview__socials{display:flex}.phone-preview__social-icon{border-radius:50%;display:flex;align-items:center;justify-content:center}.phone-preview__links{width:100%;display:flex;flex-direction:column}.phone-preview__pill{position:relative;display:flex;align-items:center;border-radius:50px;overflow:hidden}.phone-preview__pill-slider{position:absolute;top:2px;right:2px;width:50%;height:calc(100% - 4px);border-radius:50px}.phone-preview__pill-label{flex:1;text-align:center;font-weight:600;position:relative;z-index:1}.phone-preview__pill-label--active{font-weight:700}.phone-preview__link{text-align:center;font-weight:500}.phone-preview__footer{background-color:#fff;text-align:center;border-top:1px solid #ebeef7;flex-shrink:0}.phone-preview__footer--selected{background-color:#f0f0f8}.phone-preview__footer-text{font-weight:600;color:#374151}.phone-preview__footer--selected .phone-preview__footer-text{color:#7375a5}