.creatorsectionheading{margin:1rem 0}.creatorsectionheading h2{margin:0;font-size:clamp(1.5rem,4vw,2rem)}
.creatorcover{position:relative}.creatorecbadge{position:absolute;right:.55rem;top:.55rem;z-index:5;background:#231723;color:#f5d8ac;border:1px solid #c5a071;border-radius:6px;padding:.35rem .5rem;font:600 .65rem/1.3 'DM Sans',sans-serif;max-width:60%;pointer-events:none;box-shadow:0 2px 8px #0004}.creatordesignation{margin-top:1rem}
/* Uniform outer frame; the original art stage is fitted inside without shifting its masks. */
.banneruniformframe{position:relative;isolation:isolate;aspect-ratio:8/3;width:100%;overflow:hidden;border-radius:9px;border:1px solid var(--line);background:#141018;margin:12px 0 24px}
#creatorprofile .banneruniformframe>.creatorheader{position:absolute;margin:0;border:0;overflow:hidden;max-width:100%}
#creatorprofile .banneruniformframe>.creatorheader>img:first-child{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.bannerpreview .banneruniformframe{margin:0}

.updatespagination,.updatespages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem}.updatespagination{margin:1rem 0}.updatespagination[hidden]{display:none}.updatespagination button{min-width:44px;min-height:44px;padding:.55rem .7rem}.updatespages [aria-current=page]{border-color:var(--rose);background:var(--soft-bg,#f0e6e4);color:var(--ink);opacity:1}.updatespagination>span{flex-basis:100%;text-align:center;margin:.4rem 0}#updateslist:focus{outline:none}

/* Artwork-derived fill keeps shared banner sizes without dark letterboxing or cropping the original stage. */
.banneruniformframe:before{content:"";position:absolute;inset:-20px;background-image:var(--banner-fill);background-position:center;background-size:cover;filter:blur(16px) brightness(.8);pointer-events:none;z-index:-1}
