/* The profile studio shares the site's type, colours and live media renderer. */
.profile-studio{background:radial-gradient(ellipse at 100% 15%,#2c3f552b,transparent 65%),#0e1520}.profile-studio .ps-intro{padding-bottom:25px}.profile-studio .ps-intro h2{font-size:clamp(36px,4vw,52px)}.profile-studio .ps-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:40px}.profile-studio .ps-controls{grid-column:1;grid-row:1}.profile-studio .ps-preview-side{grid-column:2;grid-row:1;top:99px}.profile-studio .ps-preview{box-shadow:0 22px 60px #0006;border-color:#718fa13f}.profile-studio .ps-preview-banner{height:235px}.profile-studio .ps-preview-identity{padding:0 28px 25px}.profile-studio .ps-avatar{width:95px;height:95px;margin-top:-48px;box-shadow:0 5px 25px #0006}.profile-studio .ps-preview-identity h3{margin-top:24px;font-size:39px}.profile-studio .ps-preview-label{font-size:8px;letter-spacing:1.2px}.ps-upload-inputs{display:grid;gap:16px}.ps-method{display:flex;padding:4px;border:1px solid #607d933d;border-radius:9px;background:#0a111c;gap:4px;margin-bottom:5px}.ps-method>button{flex:1;min-height:40px;padding:9px 11px;color:#8da6bc;border-radius:5px;font-size:11px}.ps-method>button[aria-pressed=true]{background:#29405388;color:#dbedf3;box-shadow:0 2px 9px #0003}.ps-method>button span{color:#b6dbed;margin-left:5px}.ps-method>button:hover{color:#e0edf5}.pa-studio{display:none}.pa-studio.pa-active:not([hidden]){display:grid;gap:21px;min-width:0}.pa-heading .eyebrow{font-size:7px;letter-spacing:2px;color:#8db8d1}.pa-heading h3{font:400 38px/1.1 var(--serif);letter-spacing:-.6px;margin:12px 0;color:#dce7eb}.pa-heading h3 em{color:#add5e8;font-weight:400}.pa-heading p{font-size:11px;color:#8ea6bb;line-height:1.8;margin:0}.pa-target{display:flex;gap:10px}.pa-target>button{border:1px solid #47667d5c;min-height:61px;border-radius:8px;padding:13px 15px;flex:1;font-size:11px;line-height:1.5;color:#9fb3c7;text-align:left;background:#17233155;transition:background .16s,border-color .16s}.pa-target small{display:block;font-size:8px;color:#7897b0;letter-spacing:.6px;margin-top:4px}.pa-target>button[aria-pressed=true]{border-color:#9dc8dcaa;background:#25425966;color:#d5eaf2}.pa-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pa-styles>button{display:grid;gap:10px;text-align:left;color:#8fa8bf;font-size:9px;padding:0 0 7px;border:1px solid #526e842f;border-radius:7px;overflow:hidden;background:#15233344;transition:border-color .16s,transform .16s}.pa-styles>button>i{display:block;width:100%;height:51px;background:radial-gradient(ellipse at 67% 20%,#d6d6a18f,transparent 14%),linear-gradient(135deg,#1c3449,#6b718166,#0f2034);border-bottom:1px solid #8393a522}.pa-styles>button:nth-child(2)>i{background:radial-gradient(ellipse at 35% 70%,#d3b28766,transparent 50%),linear-gradient(140deg,#a6b4b666,#3b514a,#192f38)}.pa-styles>button:nth-child(3)>i{background:repeating-linear-gradient(115deg,#a6a19344 0px,#a6a19344 1px,transparent 1px,transparent 7px),#cec6b2}.pa-styles>button{padding-inline:0;place-items:center}.pa-styles>button[aria-pressed=true]{border-color:#9dc9dd;color:#cbe5f0}.pa-styles>button:hover{transform:translateY(-2px);border-color:#7fa2b9}.pa-allowance{font-size:9px;color:#94adc2;line-height:1.7;margin:0}.pa-generate{display:flex;justify-content:space-between;align-items:center;border:1px solid #a9d6e6b3;border-radius:7px;min-height:46px;padding:13px 18px;background:linear-gradient(115deg,#bedee7,#8cbdcf);color:#142e3e;font-size:12px;font-weight:600;box-shadow:0 5px 24px #77bad414;transition:box-shadow .18s,transform .18s}.pa-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 27px #77bad433}.pa-generate span{font-size:18px}.pa-generate:disabled{opacity:.5;cursor:default}.pa-note{font-size:8px!important;line-height:1.9;color:#7893aa}.pa-status{margin:0;font-size:10px;color:#b5d4e3;line-height:1.8;overflow-wrap:anywhere}.pa-status:empty{display:none}.pa-studio[data-working=true] .pa-status:before{content:'';display:inline-block;height:7px;width:7px;margin-right:9px;border:1px solid #b6ddeb;border-right-color:transparent;border-radius:50%;animation:pa-spin 1s linear infinite}@keyframes pa-spin{to{transform:rotate(360deg)}}.pa-result{display:grid;gap:13px;padding:13px;border:1px solid #80a8bd55;background:#182c3a33;border-radius:9px}.pa-result-image{width:100%;aspect-ratio:3/1;overflow:hidden;border-radius:5px;background:#121d29}.pa-result-image[data-slot=avatar]{aspect-ratio:1;width:min(100%,220px);justify-self:center}.pa-result-image img{width:100%;height:100%;object-fit:cover}.pa-disclosure{font-size:7px;letter-spacing:1.3px;color:#8cabc0}.pa-result-actions{display:flex;gap:13px;align-items:center}.pa-use{background:#b9d9e2;color:#1b3443;border-radius:5px;padding:11px 16px;font-size:10px}.pa-discard{font-size:9px;color:#99afc4;padding:10px}.profile-studio button:focus-visible{outline:2px solid #b9e3f3;outline-offset:4px}.ps-upload-inputs[hidden],.pa-result[hidden],.ps-method>button[hidden]{display:none}.profile-studio .ps-upload,.profile-studio .ps-preview{transition:border-color .2s,box-shadow .2s}.profile-studio .ps-upload:hover{box-shadow:0 5px 24px #98c6df0a}.profile-studio.ps-generating .ps-preview{border-color:#789caf66}.hide-ai-art .pa-studio,.hide-ai-art [data-method=generate]{display:none!important}
@media(max-width:760px){.profile-studio .ps-layout{grid-template-columns:1fr;gap:25px}.profile-studio .ps-preview-side{grid-column:1;grid-row:1;position:static}.profile-studio .ps-controls{grid-column:1;grid-row:2}.profile-studio .ps-preview-banner{height:155px}.profile-studio .ps-preview-identity{padding:0 22px 20px}.profile-studio .ps-preview-identity h3{font-size:33px}.profile-studio .ps-empty-books{display:none}.profile-studio .ps-preview-note{margin-top:12px}.pa-heading h3{font-size:35px}.pa-target>button{font-size:10px;padding:11px}.ps-method>button{font-size:10px}.pa-result-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.profile-studio *{transition:none!important;animation:none!important}}
.reduce-motion .profile-studio *{transition:none!important;animation:none!important}

@keyframes pa-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.pa-studio.pa-active:not([hidden]){animation:pa-reveal .22s ease-out}.pa-result:not([hidden]){animation:pa-reveal .28s ease-out}.profile-studio .profile-media-layer img{animation:pa-reveal .3s ease-out}@media(prefers-reduced-motion:reduce){.profile-studio *{animation:none!important}}