/* One profile geometry for public pages, dashboard previews, and the studio. */
.public-page{display:block;padding:90px 32px 95px;overflow-x:auto;overflow-y:visible}
.public-page .profile-frame{width:100%;max-width:1020px;margin-inline:auto}
.public-page .profile-card{margin-inline:auto}
.public-page.profile-stage{padding:90px 32px 95px;min-height:0;border-radius:12px}
.public-page.profile-stage .profile-card{padding:40px;gap:40px}
.public-page .profile-card :is(h1,h2){font-size:2.25rem;line-height:1.15}
.public-page .profile-identity{text-align:var(--profile-align)}
.profile-card[data-align=center] .account-badges{justify-content:center}
.profile-card[data-align=center] .profile-status{text-align:center}
.public-page[data-template=centered] .profile-bio{max-width:680px;margin-inline:auto}
.public-page[data-template=centered] .profile-status{text-align:center}
.public-page[data-template=centered] .profile-destinations{width:100%;max-width:760px;margin-inline:auto}
.public-page[data-template=editorial] .profile-identity{align-items:center}
.public-page[data-template=compact] .profile-card{width:100%;max-width:620px}
#profile-preview{width:100%;max-height:640px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#101211}
#profile-preview>.public-page{max-width:none;transform-origin:top left}
.preview-column{align-self:start;position:sticky;top:24px}
.preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.preview-label button{white-space:nowrap}.preview-foot{line-height:1.6;margin-top:12px}
#layout-canvas #profile-preview{border:0;border-radius:0;max-height:none;overflow:visible}
#layout-canvas .public-page{padding:90px 32px 95px;width:1084px}
#layout-canvas .profile-frame{margin-inline:auto}
#layout-canvas .public-page .profile-card{padding:40px;gap:40px}
.studio-tools{width:280px;gap:16px;padding:20px}
.studio-section{border-bottom:1px solid #ffffff12;padding-bottom:14px}
.studio-section summary{font-size:.8rem;font-weight:600;cursor:pointer;list-style-position:inside}
.studio-section[open] summary{margin-bottom:16px}.studio-section label+label{margin-top:16px}
.studio-section-heading{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#879586}
.studio-tools select{width:100%;min-height:40px;padding:8px 10px}
.studio-tools>button,.studio-section>button{width:100%;min-height:38px}
.preset-choice{min-width:0;align-items:stretch;justify-content:flex-start}.preset-choice strong{line-height:1.3}.preset-choice small{text-align:left}
.studio-bar{height:auto;min-height:76px;flex-wrap:wrap}.studio-actions{justify-content:flex-end}
.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media(max-width:1100px){.preview-column{position:static;grid-row:auto}.workspace{display:grid;grid-template-columns:1fr}.editor{order:0}.preview-column{order:1}#profile-preview{max-height:560px}}
@media(max-width:680px){body:not(.layout-mode) main.public-page{padding:76px 16px 70px}body:not(.layout-mode) main.public-page .profile-card{padding:24px;gap:24px}body:not(.layout-mode) main.public-page .profile-identity{display:block}body:not(.layout-mode) main.public-page .profile-identity .avatar{margin-bottom:18px}body:not(.layout-mode) main.public-page .profile-bio,body:not(.layout-mode) main.public-page .profile-status{grid-column:auto}body:not(.layout-mode) main.public-page .profile-card :is(h1,h2){font-size:1.75rem}.studio-tools{width:190px;padding:14px}.studio-bar{gap:10px}.studio-bar>div:not(.studio-actions){flex:1}.studio-actions{width:100%;margin:0}.studio-actions button{flex:1}.page-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}}

.public-page[data-template=compact] .profile-card,#layout-canvas .public-page[data-template=compact] .profile-card{padding:24px;gap:24px}