/* Native SVG artwork shares the same palette and geometry in previews and profiles. */
.profile-vector{display:block;width:100%;height:100%;shape-rendering:geometricPrecision;pointer-events:none;overflow:hidden}
.decorated-avatar>.profile-decoration{stroke:none;fill:none;filter:none;overflow:visible}
.decorated-avatar{background:transparent}
.profile-card{border:0!important;background:linear-gradient(150deg,color-mix(in srgb,var(--card-2) 8%,transparent),transparent 60%),color-mix(in srgb,var(--card-1) 22%,var(--ui-panel));box-shadow:inset 0 0 0 1px var(--ui-border),0 12px 30px #0002!important}
.profile-card-banner{background:var(--banner-1);height:122px}
.profile-card-banner>.profile-vector{position:absolute;inset:0}
.profile-card-content{z-index:2}.profile-card-effects{z-index:3;opacity:.85}.profile-card-effects:before{content:none!important}
.profile-card-frame{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:inherit}
.profile-card-name{position:relative;isolation:isolate;overflow:hidden;background:none!important;padding:9px 11px!important;margin:-6px -11px!important;min-height:56px;box-sizing:border-box}
.profile-card-name>strong,.profile-card-name>small{position:relative;z-index:1}.profile-card-name .profile-nameplate-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.profile-card-name .profile-vector-nameplate{position:absolute;inset:0}
.profile-row-art{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;overflow:hidden}
.profile-row-art>.profile-vector{position:absolute;inset:0}
.sidebar .profile-open{position:relative;isolation:isolate;min-height:55px;background-image:none!important}
.sidebar .profile-open:hover,.sidebar .profile-open:focus-visible{background-color:#ffffff0a}
.profile-open>.profile-avatar,.profile-open>.profile-copy{position:relative;z-index:1}
.profile-menu-card{position:relative;margin:0 0 7px;isolation:isolate}
.profile-menu-card>.profile-card{width:100%;box-sizing:border-box}
.profile-menu-card .profile-card-banner{height:84px}.profile-menu-card .profile-card-content{padding:0 17px 14px}
.profile-menu-card .studio-avatar{width:56px;height:56px;border-width:4px;margin:-28px 0 11px}
.profile-menu-card .studio-avatar .profile-photo{width:56px;height:56px}
.profile-menu .studio-avatar .chatgpt-icon{width:34px;height:34px}
.profile-menu-card .profile-card-name>strong{font-size:17px}.profile-menu-card .profile-card-name>small{font-size:10px}
.profile-menu-card .profile-card-bio{margin-top:12px;padding-top:11px}.profile-menu-card .profile-card-bio p{font-size:11px;min-height:0;max-height:72px;overflow:hidden}
.profile-menu-card .profile-card-bio h4{font-size:8px;margin-bottom:6px}.profile-menu-card .profile-card-footer{display:none}
.profile-menu .profile-vector{width:100%;height:100%;max-width:none}
.profile-menu-customize{position:absolute;inset:0;z-index:6;padding:0;border:0;border-radius:16px;background:transparent;color:inherit;cursor:pointer}
.profile-menu-customize>span{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #ffffff24;border-radius:7px;background:#1119239c;color:#f3f6ff;font-size:9px;line-height:1.3;opacity:0;transition:opacity .15s}
.profile-menu-customize>span>svg{width:12px;height:12px}
.profile-menu-customize:hover>span,.profile-menu-customize:focus-visible>span{opacity:1}
.profile-menu-customize:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-3px}
.profile-view-edit{display:block;margin:12px auto 0;font-size:12px}
.studio-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 12px}
.studio-section-heading:first-child{margin-top:0}
.studio-controls .studio-section-heading>h3{margin:0;min-width:0;line-height:1.45;font-size:14px}
.studio-element-palette{display:flex;gap:7px;flex:none}
.studio-element-palette>label{display:block;width:29px;height:29px;border-radius:8px;overflow:hidden}
.studio-element-palette input{display:block;box-sizing:border-box;width:29px;height:29px;padding:3px;margin:0;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-input);cursor:pointer}
.studio-element-palette input::-webkit-color-swatch-wrapper{padding:0}.studio-element-palette input::-webkit-color-swatch{border:0;border-radius:4px}
.studio-motion-control{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ui-muted);margin:12px 0 20px;cursor:pointer;width:fit-content}
.studio-motion-control input{width:13px;height:13px;margin:0;accent-color:var(--ui-accent)}
.studio-choice-art{position:relative;height:90px;background:var(--ui-soft)!important;border:0!important;box-shadow:none!important}
.studio-choice-art>.profile-vector{position:absolute;inset:0}
.studio-choice-art .studio-mini-avatar{position:relative;width:49px;height:49px;background:color-mix(in srgb,var(--card-1) 50%,var(--ui-input));color:var(--card-2);overflow:visible}
.studio-mini-avatar .profile-photo{width:49px;height:49px}
.studio-mini-avatar .decorated-avatar>.chatgpt-icon{width:28px;height:28px}
.studio-frame-sample{position:relative;display:block;box-sizing:border-box;width:51px;height:68px;border-radius:6px;background:color-mix(in srgb,var(--card-1) 20%,var(--ui-panel));padding:26px 10px 8px}
.studio-frame-sample>.profile-vector{position:absolute;inset:0}
.studio-frame-sample>i{position:absolute;top:13px;left:8px;width:14px;height:14px;border-radius:50%;background:var(--ui-muted);opacity:.6}
.studio-frame-sample>b{display:block;height:3px;border-radius:3px;background:var(--ui-muted);opacity:.3;margin:8px 0 0}.studio-frame-sample>b:last-of-type{width:65%}
.studio-mini-name{position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;max-width:none;height:55px;padding:0 9px;overflow:hidden;background:transparent!important;color:var(--ui-text)!important;font-size:10px}
.studio-mini-name>.profile-vector{position:absolute;inset:0}.studio-mini-name>span{position:relative;z-index:1}
.studio-choice-art[data-profile-nameplate=night]{background:var(--ui-soft)!important}
.studio-catalog .studio-choice:not(:hover):not([aria-pressed=true]) .profile-vector *{animation-play-state:paused}
.profile-vector .art-spin{transform-origin:center;transform-box:view-box;animation:profile-art-spin 24s linear infinite}
.profile-vector .art-breathe{animation:profile-art-breathe 4s ease-in-out infinite alternate}
.profile-vector .art-leaf{animation:profile-art-leaf 5s ease-in-out infinite alternate}
.profile-vector .art-twinkle{animation:profile-art-twinkle 4.5s ease-in-out infinite}
.profile-vector .art-flower{transform-origin:center;transform-box:fill-box;animation:profile-art-flower 8s ease-in-out infinite alternate}
.profile-vector .art-banner-drift{animation:profile-art-banner 12s ease-in-out infinite alternate}
.profile-vector .art-wave{animation:profile-art-wave 12s linear infinite}
.profile-vector .art-ember{transform-origin:20% 100%;animation:profile-art-ember 9s ease-in-out infinite alternate}
.profile-vector .art-petal{transform-origin:95% 50%;animation:profile-art-petal 10s ease-in-out infinite alternate}
.profile-vector .art-effect-drift{animation:profile-art-drift 15s ease-in-out infinite alternate}
.profile-vector .art-firefly{animation:profile-art-firefly 7s ease-in-out infinite alternate}
.profile-vector .art-frame-glint{animation:profile-art-glint 5s ease-in-out infinite alternate}
.profile-vector [class^=art-]{animation-delay:var(--art-delay,0s)}
@keyframes profile-art-spin{to{transform:rotate(360deg)}}
@keyframes profile-art-breathe{from{opacity:.45}to{opacity:1}}
@keyframes profile-art-leaf{from{opacity:.75}to{opacity:1}}
@keyframes profile-art-twinkle{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes profile-art-flower{to{transform:rotate(8deg)}}
@keyframes profile-art-banner{from{transform:translate(-8px,-3px)}to{transform:translate(14px,8px)}}
@keyframes profile-art-wave{to{transform:translateX(-170px)}}
@keyframes profile-art-ember{to{transform:scale(1.1)}}
@keyframes profile-art-petal{to{transform:rotate(7deg)}}
@keyframes profile-art-drift{to{transform:translate(50px,28px)}}
@keyframes profile-art-firefly{from{opacity:.4;transform:translate(0,4px)}to{opacity:1;transform:translate(9px,-8px)}}
@keyframes profile-art-glint{from{opacity:.35}to{opacity:1}}
.profile-vector[data-art-motion=false] *{animation:none!important}
@media(prefers-reduced-motion:reduce){.profile-vector *{animation:none!important}.profile-menu-customize>span{transition:none}}
@media(max-width:760px){.studio-section-heading{gap:8px}.studio-controls .studio-section-heading>h3{font-size:13px}.studio-element-palette{gap:5px}.studio-choice-art{height:88px}}