/* A wide, two-column profile with a compact layout on small screens. */
.profile-card{background:rgb(var(--card-rgb)/var(--card-opacity));color:var(--profile-text);border:1px solid color-mix(in srgb,var(--profile-text) 16%,transparent);border-radius:var(--profile-radius);padding:32px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:30px;text-align:var(--profile-align);box-shadow:0 24px 80px #0003;backdrop-filter:blur(16px)}
.profile-identity,.profile-destinations{min-width:0}.profile-identity .avatar{height:84px;width:84px;border-radius:var(--avatar-radius);font-size:2rem;color:var(--profile-accent);background:color-mix(in srgb,var(--profile-accent) 14%,var(--button-color));border:1px solid color-mix(in srgb,var(--profile-accent) 35%,transparent);margin-bottom:20px;box-shadow:0 6px 28px #0002}
.profile-card h1,.profile-card h2{color:var(--profile-text);font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.05em;line-height:1.15;margin:0;outline:none}.profile-handle{font-size:.875rem;color:var(--profile-accent);margin:8px 0 18px}.profile-bio{font-size:.9375rem;line-height:1.7;margin:0;max-width:none;color:var(--profile-text);opacity:.82}.profile-card[data-align=center] .profile-identity .avatar{margin-left:auto;margin-right:auto}
.profile-destinations{align-self:center}.profile-links{gap:10px}.profile-link{padding:13px 15px;min-height:49px;border-radius:calc(var(--profile-radius)*.4);background:var(--button-color);color:var(--profile-text);border-color:color-mix(in srgb,var(--profile-text) 12%,transparent);transition:background .15s,border-color .15s,transform .15s;font-weight:500}.profile-link:hover{border-color:var(--profile-accent);background:color-mix(in srgb,var(--button-color) 90%,var(--profile-accent));transform:translateY(-2px)}.profile-link:focus-visible{outline-color:var(--profile-accent)}.profile-link .external{color:var(--profile-text);opacity:.5}
.profile-bottom{grid-column:1/-1;border-top:1px solid color-mix(in srgb,var(--profile-text) 12%,transparent);padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-note{font-size:.75rem;color:var(--profile-text);opacity:.65;display:flex;align-items:center;gap:8px}.profile-credit{margin:0;font-size:.75rem;color:var(--profile-text);opacity:.8}.profile-credit b{color:var(--profile-accent)}
.profile-card .music-player{padding-top:15px;border-top:1px solid color-mix(in srgb,var(--profile-text) 12%,transparent);margin-top:18px}.profile-card .music-player p{color:var(--profile-text);font-size:.8rem;opacity:.8}.music-player audio{max-width:100%;min-width:0}.profile-card .profile-background{object-position:var(--bg-x) var(--bg-y);object-fit:var(--bg-fit)}.profile-card:has(.profile-background)::after{background:rgb(0 0 0/var(--bg-dim))}
.public-page{background:var(--page-color);padding:90px 32px 60px;min-height:100svh;overflow:hidden}.public-bg{position:absolute;filter:none;object-fit:var(--bg-fit);object-position:var(--bg-x) var(--bg-y);z-index:-1}.public-page:has(>.public-bg)::after{content:'';position:absolute;inset:0;z-index:-1;background:rgb(0 0 0/var(--bg-dim));pointer-events:none}.profile-frame{container-type:inline-size;max-width:920px;width:100%}.public-page .profile-card{width:100%;max-width:none;padding:40px;gap:40px}.public-page .back-home{color:var(--profile-text);opacity:.8}.profile-stage{min-height:360px;padding:25px;border-radius:14px}.profile-stage .profile-card{padding:25px;gap:24px}.profile-stage .profile-card h2{font-size:1.6rem}
.workspace{grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:26px}.preview-column{min-width:0}.preview-label button{font-size:.75rem;padding:5px 9px}.preview-label{gap:10px}.appearance-colors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.appearance-colors .field{margin:0}.appearance-colors .accent-row{gap:8px}.appearance-controls{display:grid;gap:18px}.appearance-controls .field{margin:0}.range-control{width:100%;accent-color:var(--accent);padding:0!important;border:0!important;background:transparent!important;min-height:25px}.appearance-controls output{font-size:.8rem;color:var(--muted)}.appearance-hint{font-size:.8rem;color:var(--muted);margin-bottom:18px}
.profile-preview-dialog{border:1px solid #41463d;border-radius:16px;background:#101211;color:#fff;padding:0;width:min(1100px,calc(100vw - 24px));max-height:calc(100svh - 24px)}.profile-preview-dialog::backdrop{background:#000c}.profile-preview-dialog>.public-page{min-height:65svh}.close-preview{position:sticky;top:12px;float:right;margin:12px 12px -60px 0;z-index:3}.profile-entry{padding:0;border:0;background:#0b100fd9;backdrop-filter:blur(18px);color:#f1f5f2;max-width:none;max-height:none;width:100%;height:100%;position:fixed;inset:0;margin:0}.profile-entry::backdrop{background:#060a0899}.profile-entry-button{width:100%;height:100%;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;gap:14px;font-weight:400;cursor:pointer;padding:30px}.profile-entry-button:hover{background:#ffffff03}.profile-entry-button strong{font-size:clamp(1.8rem,5vw,3rem);font-weight:500;letter-spacing:-.05em}.profile-entry-button>span:last-child{font-size:.875rem;color:#adb9b0;max-width:280px;text-align:center}.entry-symbol{width:60px;height:60px;border:1px solid #ffffff30;border-radius:50%;font-size:2rem;margin-bottom:10px}.profile-entry-button:focus-visible{outline:2px solid #a3e635;outline-offset:-8px}
.landing-sample .profile-card{grid-template-columns:1fr;gap:22px;padding:28px}.landing-sample .profile-bottom{justify-content:center}.landing-sample .profile-note{display:none}.landing-sample .profile-bio{margin-bottom:0}.landing-sample .profile-identity .avatar{margin-left:auto;margin-right:auto}.landing-sample .profile-identity{text-align:center}.landing-sample .profile-card h2{font-size:1.6rem}
@container (max-width:560px){.profile-card,.public-page .profile-card{grid-template-columns:1fr;gap:24px;padding:25px}.profile-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 18px;align-items:center}.profile-identity .avatar{width:65px;height:65px;margin:0}.profile-name{min-width:0}.profile-handle{margin:7px 0 0}.profile-bio{grid-column:1/-1;margin-top:18px}.profile-card[data-align=center] .profile-identity{display:block}.profile-card[data-align=center] .profile-identity .avatar{margin-bottom:15px}.profile-bottom{flex-wrap:wrap}.profile-card h1,.profile-card h2{font-size:1.75rem}}
@media(max-width:1100px){.workspace{grid-template-columns:1fr}.preview-column{position:static;grid-row:1;max-width:none;margin:0 0 15px}.profile-stage{padding:20px}.editor{max-width:none}}
@media(max-width:680px){.public-page{padding:80px 16px 30px}.profile-stage{padding:14px;min-height:0}.profile-stage .profile-card{padding:20px}.profile-note{display:none}.profile-bottom{justify-content:center}.appearance-colors{gap:12px}.profile-preview-dialog>.public-page{padding:65px 12px 22px}.preview-label span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.profile-link{transition:none}.profile-link:hover{transform:none}}