/* Character studio: scoped to Create; shared pages remain untouched. */
html:has(.creator-page){scroll-behavior:auto}.support-page .page-shell:has(.creator-page){max-width:1320px;padding:30px 40px 50px}.creator-page [hidden]{display:none!important}.creator-page{--studio-pink:#ef9cbe;--studio-line:#56364a;--studio-muted:#beadba;color:#fbf2f7}.creator-page p{line-height:1.65}.creator-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#a993a3;margin-bottom:25px}.creator-breadcrumb a{min-height:28px;display:flex;align-items:center;color:#d6b7cb}.creator-intro{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:30px}.creator-page .creator-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--studio-pink);margin-bottom:12px}.creator-intro h1{font-size:clamp(32px,3.5vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}.creator-intro>div>p:last-child{font-size:16px;color:#c7b5c2}.creator-demo{font-size:12px;color:#d5b6c9;white-space:nowrap;border:1px solid #56364a;border-radius:24px;padding:10px 14px;margin-bottom:3px;display:inline-flex;gap:8px;align-items:center}.creator-demo .bi{color:#f29ac3;font-size:16px}
.creator-steps{margin:0 0 28px}.creator-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;border:1px solid #48303f;border-radius:12px;overflow:hidden;background:#19151c}.creator-steps li+li{border-left:1px solid #48303f}.creator-steps button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;color:#b5a2b0;padding:17px 22px;min-height:76px}.creator-steps button>span:first-child{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border:1px solid #6b4b5f;border-radius:50%;font-size:12px}.creator-steps button>span:last-child{font-size:14px;font-weight:600}.creator-steps small{display:block;font-size:12px;color:#a58e9e;margin-top:3px;font-weight:400}.creator-steps button[aria-current=step]{background:#3b2233;color:#ffedf6;box-shadow:inset 0 -3px #e978aa}.creator-steps button[aria-current=step]>span:first-child{background:#b62b65;border-color:#e785ae;color:#fff}.creator-steps button[aria-current=step] small{color:#d7b1c7}
.creator-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px;align-items:start}.creator-editor{min-width:0;border:1px solid #503246;background:#201821;border-radius:16px;overflow:clip;scroll-margin-top:100px}.creator-page #creator-controls,.creator-page [data-local-fields]{border:0;margin:0;padding:0;min-width:0}.creator-panel{padding:30px 30px 20px;min-height:610px}.creator-page .creator-panel h2{font-size:28px;margin:0 0 10px;line-height:1.18;letter-spacing:-.03em}.creator-section-note{font-size:14px;color:#c4aebd;margin-bottom:25px}.creator-page fieldset:not(#creator-controls):not([data-local-fields]){padding:0;border:0;min-width:0}.creator-page legend{font-size:14px;color:#f4e5ef;font-weight:600;margin-bottom:12px}.creator-page input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0;border:0;min-height:0}.creator-page input[type=checkbox]{appearance:auto;accent-color:#d53178}
.style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}.creator-page .style-choice{position:relative;display:block;height:166px;overflow:hidden;border-radius:12px;border:1px solid #755064;margin:0;cursor:pointer;background:#312430}.style-choice:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#1b101cf5)}.style-choice>img{width:100%;height:100%;object-fit:cover;object-position:center 16%;opacity:.8}.style-choice>span{position:absolute;z-index:1;bottom:17px;left:17px;right:8px}.style-choice strong{display:block;font-size:19px;line-height:1.2}.style-choice small{display:block;font-size:12px;color:#e3c6d9;margin-top:6px}.style-choice>.bi,.portrait-choice>.bi{position:absolute;z-index:2;top:10px;right:10px;color:#fcacd3;font-size:20px;opacity:0;background:#31192a;border-radius:50%;line-height:1}.style-choice:has(input:checked),.portrait-choice:has(input:checked){border:2px solid #f08ab7;box-shadow:0 0 0 2px #e13b7a25}.style-choice:has(input:checked)>img{opacity:1}.style-choice:has(input:checked)>.bi,.portrait-choice:has(input:checked)>.bi{opacity:1}
.portrait-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.creator-page .portrait-heading h3{font-size:14px;margin:0}.portrait-heading>span{font-size:12px;color:#b498ad}.portrait-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.creator-page .portrait-choice{position:relative;min-width:0;display:block;border:1px solid #664456;border-radius:10px;overflow:hidden;aspect-ratio:3/3.6;cursor:pointer;margin:0;background:#2e202b}.portrait-choice>img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-choice:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#150c18f0)}.portrait-choice>span{position:absolute;z-index:1;bottom:12px;left:10px;right:8px;font-size:12px;color:#ffeaf5}.creator-page .creator-hint{display:flex;gap:9px;color:#b69dae;font-size:12px;margin:20px 0 0;align-items:flex-start}.creator-hint .bi{color:#e695bb;font-size:15px;flex-shrink:0;margin-top:2px}
.personality-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:27px}.creator-page .personality-choice{position:relative;display:flex;align-items:flex-start;gap:11px;padding:15px 25px 15px 14px;border:1px solid #644154;border-radius:10px;background:#291d29;cursor:pointer;margin:0;min-height:100px}.personality-choice>.bi:first-of-type{color:#f19ac1;font-size:21px;flex-shrink:0}.personality-choice strong{display:block;font-size:14px;line-height:1.3;margin-bottom:6px}.personality-choice small{font-size:12px;color:#bca2b3;display:block;line-height:1.5}.personality-choice>.bi:last-child{position:absolute;top:10px;right:9px;font-size:13px;color:#f4a4ca;opacity:0}.personality-choice:has(input:checked){background:#52263f;border-color:#ed8ab8}.personality-choice:has(input:checked) small{color:#edc4dc}.personality-choice:has(input:checked)>.bi:last-child{opacity:1}.creator-interests{display:flex;gap:8px;flex-wrap:wrap;margin:0}.creator-interests legend>span{font-weight:400;color:#b49aaa;margin-left:8px;font-size:12px}.creator-page .creator-interests label{position:relative;display:flex;align-items:center;cursor:pointer;margin:0;min-height:44px}.creator-interests input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.creator-interests span{padding:11px 15px;border:1px solid #684758;border-radius:25px;font-size:13px;line-height:1.3;color:#cfb6c6;background:#2c202c}.creator-interests input:checked+span{background:#69324e;border-color:#e491b8;color:#fff0f8}.creator-page .creator-field-status{font-size:13px;color:#f1a8c7;margin:10px 0 0;min-height:1.5em}
.creator-page .creator-identity{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:18px;margin:0 0 25px}.creator-page .creator-identity label{font-size:14px;margin:0}.creator-page .creator-identity input{font-size:16px;padding:13px 12px;margin:9px 0;min-height:48px;background:#151118;border-color:#765367}.creator-identity small{font-size:12px;line-height:1.5;display:block}.creator-review{padding:23px;background:#17121b;border:1px solid #54384a;border-radius:12px}.creator-review>div{display:flex;justify-content:space-between;align-items:center;gap:16px}.creator-page .creator-review h3{font-size:18px;margin:0}.creator-text-button{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#f1a1c6;min-height:44px;text-decoration:underline;text-underline-offset:4px;text-align:left}.creator-review dl{margin:15px 0}.creator-review dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;padding:11px 0;border-bottom:1px solid #3a2936;font-size:14px;line-height:1.5}.creator-review dt{color:#aa90a3}.creator-review dd{margin:0;color:#edcfe2;overflow-wrap:anywhere}.creator-page #review-description{font-size:14px;line-height:1.65;color:#bfa6b8;overflow-wrap:anywhere}.creator-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #56364a;padding:18px 30px;background:#261a26}.creator-editor-actions>.button{font-size:13px;min-height:46px}.creator-back{display:flex;gap:8px;align-items:center;font-size:13px;color:#d5b9cb;min-height:44px;padding-right:12px}.creator-back:disabled{color:#7e6677;cursor:default}
.creator-preview{position:sticky;top:96px;min-width:0;background:#221720;border:1px solid #5d3c4e;border-radius:16px;overflow:hidden}.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 19px}.creator-page .preview-heading h2{font-size:15px;letter-spacing:0;margin:0}.preview-heading>span{font-size:12px;color:#d6a0bc}.creator-portrait-button{display:block;position:relative;width:100%;height:425px;text-align:left;overflow:hidden;background:#20151e}.creator-portrait-button>img{width:100%;height:100%;object-fit:cover;object-position:center 12%}.creator-portrait-button:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1d111ff5)}.portrait-expand{position:absolute;top:15px;right:15px;z-index:1;width:36px;height:36px;display:grid;place-items:center;border:1px solid #f3d7e277;border-radius:50%;color:#fff;background:#281621b8;font-size:15px}.preview-portrait-caption{position:absolute;z-index:1;bottom:25px;left:25px;right:20px}.preview-portrait-caption strong{display:block;font-size:36px;line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:7px}.preview-portrait-caption>span{display:block;font-size:13px;color:#edc5dc}.creator-preview-copy{padding:21px 24px}.creator-preview-copy>p:first-child{font-size:13px;color:#f3bed9;line-height:1.6;min-height:1.6em}.creator-preview-copy>p:nth-child(2){font-size:15px;color:#d0b4c6;margin:13px 0 17px}.creator-preview-copy>small{font-size:12px;color:#ae91a5}
.creator-saved{display:grid;grid-template-columns:40px minmax(0,1fr);gap:22px;background:#332033;border:1px solid #965773;border-radius:15px;margin-top:26px;padding:30px;scroll-margin-top:110px}.creator-saved>.bi{font-size:30px;color:#f5b0d2}.creator-page .creator-saved h2{font-size:29px;margin:0 0 15px}.creator-saved p:not(.creator-eyebrow){font-size:14px;color:#d5b7cb;margin-bottom:17px;overflow-wrap:anywhere}.saved-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.saved-actions .button{font-size:13px}.creator-bottom-note{display:flex;align-items:center;justify-content:space-between;gap:38px;border-top:1px solid #49303e;margin-top:35px;padding-top:27px}.creator-bottom-note>div{display:flex;gap:12px;align-items:flex-start}.creator-bottom-note .bi{font-size:19px;color:#d795b7}.creator-bottom-note p{font-size:13px;color:#b09aac;max-width:77ch}.creator-bottom-note strong{font-weight:600;color:#d8bdce}.creator-bottom-note>a{font-size:13px;white-space:nowrap;color:#ef9fbe;min-height:44px;display:flex;gap:8px;align-items:center}.creator-bottom-note>a>.bi{font-size:15px}.creator-noscript{padding:20px;border:1px solid #704458;border-radius:10px}.creator-noscript a{color:#f1a9cc;text-decoration:underline}
.creator-portrait-dialog{padding:0;background:#241923;border:1px solid #875470;border-radius:15px;color:#fff;max-width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);width:520px;overflow:auto}.creator-portrait-dialog::backdrop{background:#08060bd9}.creator-portrait-dialog>div{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;gap:15px}.creator-page .creator-portrait-dialog h2{font-size:18px;margin:0}.creator-portrait-dialog button{width:44px;height:44px;display:grid;place-items:center;border-radius:8px}.creator-portrait-dialog>img{width:100%;height:auto;max-height:70dvh;object-fit:contain;display:block;background:#140f16}.creator-portrait-dialog>p{font-size:12px;color:#d4b1c7;padding:15px 18px}.creator-page a:focus-visible,.creator-page button:focus-visible,.creator-page input:focus-visible,.creator-page label:has(input:focus-visible){outline:3px solid #ffb2d8;outline-offset:4px}
@media(hover:hover){.style-choice:hover,.portrait-choice:hover,.personality-choice:hover{border-color:#eda1c7}.creator-interests label:hover>span{border-color:#e79cbe}.creator-text-button:hover,.creator-bottom-note>a:hover{color:#ffcae5}}
@media(max-width:1100px){.support-page .page-shell:has(.creator-page){padding-inline:26px}.creator-workspace{gap:22px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.creator-panel{padding:27px 24px 18px}.creator-intro{align-items:start}.creator-demo{white-space:normal;max-width:210px;line-height:1.5}.creator-editor-actions{padding-inline:24px}.creator-portrait-button{height:390px}.personality-choice small{font-size:12px}.personality-options{gap:8px}.creator-page .personality-choice{padding:14px 20px 14px 11px;gap:8px}.creator-steps button{padding:15px}.style-choice>span{left:13px}.style-choice small{max-width:14ch;line-height:1.4}.portrait-heading{align-items:start}.portrait-heading>span{max-width:19ch;text-align:right;line-height:1.4}}
@media(max-width:800px){.creator-workspace{grid-template-columns:minmax(0,1fr);gap:20px}.creator-intro{flex-direction:column;gap:16px}.creator-demo{max-width:none}.creator-preview{order:-1;position:sticky;top:72px;z-index:5;display:grid;grid-template-columns:105px minmax(0,1fr);grid-template-rows:auto auto;border-radius:12px;box-shadow:0 8px 20px #08050c77}.preview-heading{grid-column:2;grid-row:1;padding:13px 17px 0}.creator-portrait-button{grid-column:1;grid-row:1/3;height:160px}.preview-portrait-caption{bottom:11px;left:9px;right:7px}.preview-portrait-caption strong{font-size:20px;margin-bottom:4px;max-height:52px;overflow:hidden}.preview-portrait-caption>span{font-size:12px;line-height:1.4}.portrait-expand{width:27px;height:27px;font-size:12px;top:7px;right:7px}.creator-preview-copy{grid-column:2;grid-row:2;padding:10px 17px 12px;min-width:0}.creator-preview-copy>p:first-child{font-size:12px;line-height:1.5}.creator-preview-copy>p:nth-child(2){display:none}.creator-preview-copy>small{display:block;font-size:12px;line-height:1.5;margin-top:9px}.creator-panel{min-height:0;padding:28px 28px 22px}.creator-editor{scroll-margin-top:253px}.creator-steps small{display:none}.creator-steps button{padding:14px;gap:10px;min-height:62px}.creator-steps button>span:last-child{font-size:13px}.style-options{gap:14px}.creator-page .style-choice{height:180px}.portrait-choice{max-height:290px}.creator-saved{scroll-margin-top:250px}.creator-bottom-note{flex-direction:column;align-items:flex-start;gap:10px}.creator-identity{max-width:600px}.creator-page .personality-choice{min-height:87px;padding:15px 28px 15px 16px;gap:12px}}
@media(max-width:600px){.support-page .page-shell:has(.creator-page){padding:22px 18px 35px}.creator-intro h1{font-size:34px;max-width:14ch}.creator-intro>div>p:last-child{font-size:15px}.creator-breadcrumb{margin-bottom:19px}.creator-intro{margin-bottom:22px;gap:13px}.creator-demo{font-size:12px;padding:8px 11px}.creator-steps{margin-bottom:18px}.creator-steps button{flex-direction:column;gap:8px;padding:13px 7px 12px;align-items:flex-start;min-height:82px}.creator-steps button>span:first-child{width:24px;height:24px;font-size:12px}.creator-steps button>span:last-child{font-size:12px;line-height:1.3}.creator-workspace{gap:17px}.creator-preview{top:64px;grid-template-columns:93px minmax(0,1fr)}.creator-portrait-button{height:151px}.preview-heading{padding:12px 12px 0;gap:8px;align-items:flex-start}.creator-page .preview-heading h2{font-size:13px}.preview-heading>span{font-size:12px;line-height:1.3;text-align:right;max-width:85px}.creator-preview-copy{padding:9px 12px 12px}.preview-portrait-caption strong{font-size:18px}.creator-preview-copy>p:first-child{line-height:1.55}.creator-editor{scroll-margin-top:235px;border-radius:12px}.creator-panel{padding:24px 18px 17px}.creator-page .creator-panel h2{font-size:25px}.creator-section-note{font-size:14px;line-height:1.6;margin-bottom:23px}.creator-page .creator-eyebrow{font-size:12px}.creator-page .style-choice{height:158px;border-radius:10px}.style-options{gap:10px;margin-bottom:22px}.style-choice>span{bottom:13px;left:11px}.style-choice strong{font-size:17px}.style-choice small{font-size:12px;line-height:1.35;margin-top:5px;max-width:12ch}.portrait-heading>span{max-width:16ch;font-size:12px}.portrait-options{gap:7px}.portrait-choice>span{font-size:12px;left:7px;bottom:10px;line-height:1.2}.portrait-choice>.bi{font-size:16px;top:7px;right:7px}.personality-options{grid-template-columns:minmax(0,1fr);gap:8px}.creator-page .personality-choice{min-height:75px;padding:14px 28px 14px 14px;gap:13px}.personality-choice strong{font-size:14px;margin-bottom:3px}.personality-choice small{font-size:12px}.creator-interests{gap:7px}.creator-interests span{font-size:12px;padding:11px 13px}.creator-page .creator-identity{grid-template-columns:minmax(0,1fr);gap:20px}.creator-page .creator-identity input{font-size:16px}.creator-review{padding:18px}.creator-review>div{align-items:flex-start;gap:12px;flex-direction:column}.creator-page .creator-review h3{font-size:18px}.creator-review dl>div{grid-template-columns:82px minmax(0,1fr);gap:12px;font-size:13px}.creator-text-button{font-size:12px}.creator-editor-actions{padding:15px 18px;position:static;gap:8px}.creator-editor-actions>.button{font-size:12px;padding:12px 13px;gap:7px}.creator-back{font-size:12px;padding-right:4px}.creator-editor-actions>.button .bi{font-size:13px}.creator-saved{grid-template-columns:minmax(0,1fr);gap:13px;padding:24px 20px;margin-top:22px;scroll-margin-top:238px}.creator-page .creator-saved h2{font-size:26px}.saved-actions{flex-direction:column;align-items:stretch}.saved-actions .button{justify-content:center;font-size:12px}.creator-saved>.bi{font-size:27px}.creator-bottom-note{margin-top:26px;padding-top:22px}.creator-bottom-note p{font-size:12px}.creator-bottom-note>a{font-size:12px;white-space:normal}.creator-hint{font-size:12px!important}.creator-portrait-dialog{max-width:calc(100vw - 30px)} }
.creator-steps button,.creator-back,.creator-text-button,.creator-portrait-dialog button{background:transparent}
.creator-steps button[aria-current=step]{background:#3b2233}
