.profile-page{background-color:var(--background);background-image:var(--profile-wallpaper,none);background-size:cover;background-position:center;background-attachment:fixed;color:var(--foreground);font-family:var(--font-sans)}
.profile-page h1,.profile-page h2,.profile-page h3{font-family:inherit}
.profile-page header,.profile-page footer{background:var(--card);color:var(--muted-foreground)}
.profile-page .btn{background:var(--card);color:var(--foreground);border-color:var(--border)}
.profile-page .profile-banner,.profile-page .profile-links a,.profile-page .profile-section,.profile-page .profile-stat,.profile-page .vehicle-card{border-radius:var(--profile-radius)}
.profile-page .profile-identity{padding:0 20px 20px;background:var(--background);border-radius:var(--profile-radius)}
.profile-page .profile-identity .avatar{transform:translateY(-12px)}
.profile-page .profile-link>span:not(.link-icon):not(.link-arrow){color:var(--foreground)}
.profile-page .eyebrow,.profile-page .initials{color:var(--profile-accent)}
.profile-page .banner-default{background:linear-gradient(135deg,var(--card),var(--border))}
.colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 18px}
.colour-control input{height:44px;padding:4px;cursor:pointer}
.direct-upload{width:fit-content}
.image-preview{width:100%;height:110px;object-fit:contain;background:var(--background);border-radius:6px}
.image-preview[hidden]{display:none}
.appearance-preview{margin-top:22px;padding:24px;background:var(--background);color:var(--foreground);border-radius:8px;font-family:var(--font-sans)}
.preview-card{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--profile-radius);max-width:420px;margin:auto}
.preview-card p{color:var(--muted-foreground)}
.preview-link{display:block;padding:14px;border:1px solid var(--border);border-radius:var(--profile-radius);color:var(--profile-accent)}
#save-status{overflow-wrap:anywhere;flex:1;max-width:500px}
.save-bar .publish{padding-top:0;flex-shrink:0}
@media(max-width:720px){.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.save-bar{flex-wrap:wrap}#save-status{order:3;flex-basis:100%;max-width:none}.profile-page .profile-identity{padding:0 8px 20px}}