.member-page-card{background:var(--profile-card-bg,linear-gradient(145deg,#503167,#20152f))!important;border:1px solid #ffffff24!important;box-shadow:0 16px 55px #0003}.member-page-card .profile-cover{background:linear-gradient(0deg,transparent,#ffffff0d)!important}.member-page-card .public-card-body{background:transparent!important}.profile-custom-background{position:fixed;inset:0;z-index:-3}.profile-youtube-background{position:fixed;top:50%;left:50%;width:max(100vw,177.78vh);height:max(100vh,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none;z-index:-2}.profile-bg-media{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.background-photo-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.background-photo-option{position:relative;overflow:hidden;border:2px solid transparent!important;border-radius:10px;padding:0!important;aspect-ratio:1.5;background:#251e30}.background-photo-option img{width:100%;height:100%;object-fit:cover;display:block}.background-photo-option span{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#000b);padding:16px 8px 7px;font-size:11px;text-align:left}.background-photo-option[aria-pressed=true]{border-color:#d399ff!important;box-shadow:0 0 0 2px #a867ff33!important}.gradient-swatches{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.gradient-swatch{width:42px;height:42px;padding:0;border:2px solid #ffffff33!important;border-radius:50%;position:relative}.gradient-swatch[aria-pressed=true]{outline:2px solid #cc9aff;outline-offset:3px}.studio-design-section{border-top:1px solid #b88de733;margin-top:24px;padding-top:20px}.studio-design-section label{display:block;margin:12px 0 6px}.studio-color-row{display:flex;gap:15px}.studio-color-row input[type=color]{width:70px;height:38px;padding:3px}.profile-editor-preview{position:relative;overflow:hidden;min-height:420px;border-radius:16px;isolation:isolate;padding:24px 15px}.profile-editor-preview>.preview-page-background{position:absolute;inset:0;z-index:-1;overflow:hidden}.preview-page-background .profile-bg-media,.preview-page-background .profile-custom-background{position:absolute;z-index:0}.preview-page-background .profile-youtube-background{position:absolute;width:100%;height:100%;inset:0;transform:none;z-index:0}.profile-editor-preview .member-page-card{position:relative;z-index:1}.studio-columns{align-items:start}.studio-columns>aside{position:sticky;top:20px}.studio-upload-form label{display:block;margin-bottom:10px}.studio-upload-form input{width:100%;margin:8px 0 15px}.creator-modal{max-width:min(850px,95vw);width:850px}.creator-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:22px;align-items:start}.creator-layout label{display:block;margin:12px 0 5px}.creator-layout input,.creator-layout select,.creator-layout textarea{width:100%}.creator-preview{position:sticky;top:0;min-width:0}.creator-preview .collectible-stage{width:100%;max-height:280px}.creator-preview .fine{overflow-wrap:anywhere}.creator-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.creator-actions{display:flex;gap:10px;margin-top:18px}.admin-add-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.admin-add-toolbar button{white-space:nowrap}.tiles,.collectible-grid{align-items:stretch}.tiles>.card{display:flex;flex-direction:column;gap:10px;min-width:0}.tiles>.card .collectible-stage{margin:auto;width:100%;aspect-ratio:1;max-height:240px}.tiles>.card h3{margin:4px 0}.tiles>.card>p{margin:0 0 8px}.tiles>form.card>label{display:flex;flex-direction:column;gap:7px}.tiles>form.card input[type=number]{width:100%;max-width:100%;padding:10px}.tiles>.card>button:last-child{margin-top:auto}.animation-preview{height:100px;min-height:100px;margin:10px 0}.animation-preview+.primary,.animation-preview+button{align-self:flex-start}.tiles>.card>h3{line-height:1.4}.sidebar .sidebar-bottom,.sidebar,.sidebar .user{background:var(--panel)!important}.sidebar{background:color-mix(in srgb,var(--panel) 94%,transparent)!important}.sidebar .brand{border-color:var(--line)!important}.sidebar .nav-dropdown[open]>.nav{border:0!important;border-left:1px solid #b88de733!important;border-radius:0 8px 8px 0!important}.sidebar .nav-dropdown[open]>.nav.active{border:1px solid #c48cff66!important;border-radius:8px!important}.sidebar .nav-dropdown>.nav:not(.active){box-shadow:none!important}.sidebar .nav:not(.active){background:transparent!important}.topbar{background:color-mix(in srgb,var(--panel) 92%,transparent)!important}.sidebar .sidebar-bottom{border-top:1px solid var(--line)!important}.sidebar .logout-button{background:transparent!important}.sidebar-bottom .discord-shortcut{background:transparent!important;border-color:#bb94df44!important}.site-atmosphere{display:block!important}@media(max-width:1050px){.creator-layout{grid-template-columns:1fr}.creator-preview{position:static;max-width:250px;grid-row:1}.studio-columns{grid-template-columns:1fr!important}.studio-columns>aside{position:static}}@media(max-width:600px){.background-photo-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-form-grid{grid-template-columns:1fr}.admin-add-toolbar{align-items:flex-start}.tiles{grid-template-columns:1fr!important}.profile-editor-preview{padding:15px 8px}}
html body .sidebar,html body .sidebar .sidebar-bottom,html body .sidebar .user{background:var(--panel)!important}html body .topbar{background:var(--panel)!important}html body .card{background:color-mix(in srgb,var(--panel) 94%,transparent)!important;border-color:var(--line)!important}.creator-modal fieldset{border:1px solid var(--line);border-radius:10px;margin:15px 0;padding:12px}.creator-modal legend{font-size:12px;color:var(--muted)}.studio-design-section input[type=checkbox]{width:auto}.background-photo-picker button{min-height:90px}.creator-layout>div{min-width:0}.studio-columns .field input{width:100%}
.public-page{isolation:isolate}.member-page-card .profile-cover{border-radius:inherit}.creator-preview .variant-art{min-height:180px}.studio-design-section select,.studio-design-section input:not([type=checkbox]):not([type=color]){width:100%;max-width:100%}
/* Bounded thumbnails and consistent separation across the workspace. */
#studioForm .background-photo-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%;max-width:100%;min-width:0}#studioForm .background-photo-option{display:block!important;position:relative!important;width:100%!important;min-width:0!important;height:100px!important;max-height:100px!important;min-height:0!important;overflow:hidden!important;padding:0!important;box-sizing:border-box!important}#studioForm .background-photo-option img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important}#studioForm label{display:block;margin:12px 0 6px}#studioForm>label>input,#studioForm>label>textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px}#studioContent{margin-top:24px}.content .card+.card,.content section+section,.content .card+.tiles,.content .card+.columns,.content .card+#workshopList{margin-top:24px}.columns,.tiles,.collectible-grid,.overview-top-grid,.overview-bottom-grid,.overview-stats,.template-grid,.showcase-grid{gap:24px!important}.columns>*,.tiles>*,.collectible-grid>*,.studio-columns>*{min-width:0}.content>.card,.content>section{margin-bottom:24px}.studio-columns aside>.card+.card{margin-top:24px}.studio-columns #studioPreview{max-width:100%;overflow:hidden}.studio-columns .member-page-card{max-width:100%!important;box-sizing:border-box}.collectible-stage{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--rarity) 45%,transparent))}.new-badge-upload-preview{width:100%;height:220px;display:grid;place-items:center;background:#0002;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 0 20px color-mix(in srgb,var(--rarity) 30%,transparent)}.new-badge-upload-preview img{max-width:100%;max-height:100%;object-fit:contain}.workshop-create-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}@media(max-width:650px){#studioForm .background-photo-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}.columns,.tiles,.collectible-grid{gap:18px!important}}
.content :is(.columns,.tiles,.collectible-grid,.overview-top-grid,.overview-bottom-grid,.overview-stats,.template-grid,.showcase-grid)>*{margin-top:0!important;margin-bottom:0!important}

/* Site containers use the selected site palette, including profile wrappers. */
html body:not(.public-page):not(.auth-redesign) :is(.profile-surface,.neon-panel,.collectible-card,.rank-option,.overview-action,.effect-preview-card,.animation-preview,.reference-profile,.settings-panel,.member-profile-header){background:color-mix(in srgb,var(--panel) 94%,transparent)!important;border-color:var(--line)!important;color:var(--ink)}
html body:not(.public-page) .profile-surface:before{background:none!important;opacity:0!important}
html body:not(.public-page) .profile-surface{--scene-accent:var(--site-accent,var(--lime));--scene-panel:var(--panel);--scene-text:var(--ink)}
.hexora-hover-card.hexora-reactive{transform:perspective(1200px) rotateX(var(--hx-tilt-x,0deg)) rotateY(var(--hx-tilt-y,0deg))!important;border-color:var(--rarity,var(--line))!important;box-shadow:0 8px 20px #0003!important}
.member-page-card{backdrop-filter:blur(var(--profile-card-blur,0px));-webkit-backdrop-filter:blur(var(--profile-card-blur,0px))}
.video-preset-picker .background-photo-option[aria-pressed=true]{border-color:var(--site-accent,#d399ff)!important}.gradient-swatch[title=frosted]{backdrop-filter:blur(8px);border-style:dashed!important}

/* Background media fills the viewport while preserving its native aspect ratio. */
html:has(body.public-page){min-height:100%;overflow-x:hidden}
body.public-page{min-height:100svh;overflow-x:hidden}
body.public-page #publicProfile{min-height:100svh;isolation:isolate}
body.public-page #publicProfile>.profile-bg-media{position:fixed!important;inset:0!important;display:block!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;filter:none!important;pointer-events:none;z-index:-2!important}
body.public-page #publicProfile>:is(.public-background,.profile-custom-background,.public-shade){position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important}
body.public-page #publicProfile>.public-shade{z-index:-1!important;pointer-events:none}
#studioPreview .preview-page-background{position:absolute!important;inset:0!important;overflow:hidden!important;transform:none!important}
#studioPreview .preview-page-background>.profile-bg-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important;border-radius:0!important}