.creatorheader.bannermanaged,.bannerpreviewframe{position:relative;isolation:isolate;overflow:hidden}
.creatorheader.bannermanaged>.bannervideo,.bannerpreviewframe>.bannervideo{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;pointer-events:none;background:transparent}
.bannermanaged>.bannerlegacy{z-index:3}
.bannernewfx{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:hidden}
[data-legacy="false"]>.bannerlegacy{display:none!important}
.banner-still *{animation-play-state:paused!important}.banner-reduced>.bannerlegacy,.banner-reduced>.bannernewfx{display:none!important}
.bannerplayback{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:-.7rem 0 1rem;font-size:.78rem}.bannerplayback[hidden]{display:none}.bannerplayback button{min-height:44px;padding:.5rem .75rem}.bannerplayback small{flex:1;min-width:12rem;color:var(--muted)}
.bannerfxitem{transform-box:fill-box;transform-origin:center;animation:banner-pulse var(--fx-duration,10s) ease-in-out infinite;stroke-width:.12}
.bfx-petals,.bfx-leaves,.bfx-fog{animation-name:banner-drift}.bfx-butterflies{animation-name:banner-flutter}.bfx-fallingStar{animation-name:banner-star}.bfx-lightning{animation-name:banner-storm}
@keyframes banner-pulse{0%,100%{transform:scale(calc(var(--fx-size)*.85));opacity:.3}50%{transform:scale(var(--fx-size));opacity:.65}}
@keyframes banner-drift{0%,100%{transform:translate(-2px,-2px) rotate(-8deg)}50%{transform:translate(3px,4px) rotate(8deg)}}
@keyframes banner-flutter{0%,100%{transform:translateY(0) scaleX(.7)}50%{transform:translateY(-3px) scaleX(1)}}
@keyframes banner-star{0%,35%{transform:translate(-4px,-3px);opacity:0}55%{opacity:.5}80%,100%{transform:translate(7px,5px);opacity:0}}
@keyframes banner-storm{0%,60%,100%{opacity:0}75%{opacity:.12}}
.banneradmin{border:1px solid var(--line);border-radius:12px;margin:1rem 0;padding:.9rem;background:var(--control-bg,var(--bg));color:var(--ink)}.banneradmin summary{font-weight:600;cursor:pointer;min-height:36px}.banneradmin p{font-size:.82rem;line-height:1.5}.banneradmin .bannerfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.8rem 0}.banneradmin label{display:grid;gap:.3rem;font-size:.8rem;min-width:0}.banneradmin input:not([type=checkbox]):not([type=color]),.banneradmin select{width:100%;min-width:0;max-width:100%;padding:.6rem;background:var(--control-bg,#fffaf6);color:var(--ink);border:1px solid var(--line);border-radius:7px}.banneradmin input[type=color]{max-width:100%;height:40px}.banneradmin .bannercheck{display:flex;align-items:center;gap:.5rem;margin:.65rem 0}.banneradmin fieldset{border:1px solid var(--line);border-radius:8px;min-width:0;margin:.7rem 0;padding:.8rem}.banneradmin legend{font-size:.8rem}.banneractions{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0}.banneractions button{min-height:44px;font-size:.78rem;padding:.6rem .75rem}.bannerpreview{max-width:100%;overflow:hidden;margin:1rem auto;border:1px dashed var(--line);padding:.5rem;border-radius:10px}.bannerpreview[data-device=mobile]{width:375px}.bannerpreviewframe{margin:0!important;border-radius:8px}.bannerpreviewframe>img:first-child{display:block;width:100%;height:auto}.bannereffectlist{display:grid;gap:.35rem;max-height:12rem;overflow-y:auto}.bannereffectlist button{text-align:left;font-size:.8rem}.bannereffectlist button[aria-pressed=true]{outline:2px solid var(--rose);outline-offset:-2px}.banneradmin [role=status]{overflow-wrap:anywhere;font-size:.82rem}.banneradmin .bannerbusy{opacity:.65;pointer-events:none}.banner-wide{grid-column:1/-1}.banneradmin [hidden]{display:none!important}
@media(max-width:600px){.banneradmin .bannerfields{grid-template-columns:1fr}.banneradmin{padding:.65rem}.banneractions button{flex:1}.bannerplayback{margin:.2rem 0 1rem}}
@media(prefers-reduced-motion:reduce){.bannermanaged>.bannerlegacy,.bannermanaged>.bannernewfx{display:none!important}.bannermanaged>.bannervideo{opacity:0!important}}
.applicationhoneypot{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.creatorapplicationreview{margin:.75rem 0;padding:.8rem;border:1px solid var(--line);border-radius:10px}.creatorapplicationreview h3 small{font:inherit;font-size:.75rem;color:var(--muted)}.creatorapplicationreview textarea,#creatorapplicationform textarea{width:100%;min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--control-bg,#fffaf6);font:inherit;box-sizing:border-box}.applicationprivate{white-space:pre-wrap;overflow-wrap:anywhere}#creatorapplyinbox[hidden],#creatorapplicationresult[hidden]{display:none}

/* Checkbox controls must not inherit the site's full-width text-input rule. */
.banneradmin .bannercheck{justify-content:flex-start;align-items:flex-start;gap:.6rem;line-height:1.5;padding:.3rem 0;margin:.3rem 0;text-align:left}
.banneradmin .bannercheck>input[type=checkbox]{flex:0 0 1.05rem;width:1.05rem;min-width:1.05rem;max-width:1.05rem;height:1.05rem;min-height:1.05rem;margin:.12rem 0 0;padding:0;align-self:flex-start;accent-color:var(--rose,#a75971)}
.banneradmin .bannercheck>input[type=checkbox]:focus-visible{outline:2px solid var(--rose,#a75971);outline-offset:3px}
.banneradmin .bannerfocalfields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.banneradmin fieldset>label:not(.bannercheck){margin-block:.65rem}
@media(max-width:600px){.banneradmin .bannerfocalfields{grid-template-columns:1fr}.banneradmin .bannercheck{min-height:44px}}
