.profile-plus-card { margin: 1rem 0; padding: 1rem; display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr); align-items: center; gap: 1rem; border: 1px solid var(--border); border-radius: 18px; background: var(--surface-2); }
.profile-plus-copy span, .profile-plus-copy strong, .profile-plus-copy small { display: block; }
.profile-plus-copy span { color: var(--accent-hover); font-size: .55rem; font-weight: 900; letter-spacing: .1em; }
.profile-plus-copy strong { margin-top: .28rem; font-size: .8rem; }
.profile-plus-copy small { margin-top: .25rem; color: var(--text-3); font-size: .62rem; line-height: 1.35; }
.profile-plus-styles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; }
.profile-plus-styles button { min-width: 0; min-height: 62px; padding: .55rem .35rem; display: grid; place-items: center; gap: .15rem; border: 1px solid var(--border); border-radius: 13px; color: var(--text-2); background: var(--surface); font: inherit; cursor: pointer; }
.profile-plus-styles button:hover:not(:disabled) { border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); transform: translateY(-1px); }
.profile-plus-styles button.selected { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent); }
.profile-plus-styles button:disabled { opacity: .4; cursor: not-allowed; }
.profile-plus-styles button span { font-size: .95rem; font-weight: 900; }
.profile-plus-styles button small { color: var(--text-3); font-size: .52rem; font-weight: 750; }
.profile-plus-styles .sunset, .gsc-name-sunset { background-image: linear-gradient(90deg, #ff7a38, #ffbe64, #ef4d79); }
.profile-plus-styles .ocean, .gsc-name-ocean { background-image: linear-gradient(90deg, #176bff, #18c7d8, #78e0b7); }
.profile-plus-styles .violet, .gsc-name-violet { background-image: linear-gradient(90deg, #784cff, #d34cff, #ff7eb6); }
.profile-plus-styles .editorial, .gsc-name-editorial { font-family:Georgia,"Times New Roman",serif !important; font-style:italic; letter-spacing:-.025em; }
.profile-plus-styles .mono, .gsc-name-mono { font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace !important; letter-spacing:-.04em; }
.profile-plus-styles .sunset, .profile-plus-styles .ocean, .profile-plus-styles .violet,
.gsc-name-gradient { color: transparent !important; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.profile-plus-card.locked .profile-plus-copy span::after { content: ' · UPGRADE'; }
.profile-plus-avatar { overflow: hidden; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; }

@media (max-width: 700px) {
    .profile-plus-card { grid-template-columns: 1fr; padding: .85rem; border-radius: 16px; }
    .profile-plus-styles { gap: .35rem; }
    .profile-plus-styles button { min-height: 58px; padding-inline: .2rem; }
}

@media (max-width: 370px) {
    .profile-plus-styles { grid-template-columns: repeat(2, 1fr); }
}