/* Hero Full: the public page, style preview and editor share the same hierarchy. */
.hero-full-name {max-width:calc(100% - 52px);line-height:1.06}
.hero-full-name>span,.hero-full-name-preview>span {min-width:0;overflow-wrap:anywhere}
.hero-full-name .verified-icon {width:18px;height:18px;min-width:18px;max-width:none;object-fit:contain;flex:none}
.hero-full-identity .hero-full-socials,
.hero-full-identity-preview .hero-full-socials-preview {margin-top:14px;margin-left:auto;margin-right:auto;max-width:100%;width:max-content;text-shadow:none;justify-content:flex-start}
/* Keep the first and last links reachable when the row is wider than the phone. */
.hero-full-identity .hero-full-social-link,
.hero-full-identity-preview .hero-full-social-pill-preview {flex-shrink:0}
.hero-full-name-wrap-preview {max-width:calc(100% - 90px)}
.hero-full-name-wrap-preview .hero-full-name-preview {max-width:100%;min-width:0;line-height:1.06}
.hero-full-name-wrap-preview .hero-full-verified-preview {width:18px;height:18px;min-width:18px;max-width:none;object-fit:contain}
/* Public URL and view link stay together; pending changes sit beside Edit. */
.mph-space-public {gap:0;margin-bottom:16px}
.mph-space-public-line button {height:34px}
.mph-space-view {min-height:28px}
.mph-space-card-footer {align-items:center;gap:12px}
.mph-space-card-footer .mph-space-note {margin-right:auto;min-width:0;white-space:nowrap;font-size:12px;line-height:1.4;color:#996000}
.mph-space-card-footer>a {flex-shrink:0;white-space:nowrap}
@media(max-width:480px){
 .mph-space-card-footer {gap:10px}
 .mph-space-card-footer:has(.mph-space-note)>a {padding:10px 12px;gap:6px;font-size:12px}
}
@media(max-width:359px){
 .mph-space-card-footer {gap:8px}
 .mph-space-card-footer .mph-space-note {font-size:11px;letter-spacing:-.15px}
 .mph-space-card-footer:has(.mph-space-note)>a {padding-left:8px;padding-right:8px;font-size:11px;gap:4px}
 .mph-space-card-footer:has(.mph-space-note)>a svg {width:14px;height:14px}
}
#live-preview[data-style="hero_full"] .hero-full-identity-preview #fixed-icons-container {width:max-content!important;max-width:100%!important;margin-top:14px!important;margin-bottom:0!important;padding:0 0 4px!important}
.mph-space-card-footer .mph-channel-state {margin:0 auto 0 0;min-height:0;font-size:12px;white-space:nowrap;line-height:1.4}
@media(max-width:359px){.mph-space-card-footer .mph-channel-state{font-size:11px}.mph-space-card-footer:has(.mph-channel-state)>a{padding-left:8px;padding-right:8px;font-size:11px;gap:4px}}
@media(max-width:359px){.mph-space-card-footer:has(.mph-space-note)>a svg{display:none}}