.campaign-banner{--ad-bg:#171717;--ad-color:#fff;--ad-overlay:.45;min-height:230px;margin:22px 15px 12px;border-radius:18px;background:var(--ad-bg);color:var(--ad-color);position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;box-shadow:0 18px 45px rgba(31,18,8,.18)}.campaign-media{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.campaign-media.media-cover{object-fit:cover}.campaign-media.media-contain{object-fit:contain;background:var(--ad-bg)}.campaign-media-pattern{display:grid;place-items:center;font-size:170px;opacity:.16;transform:rotate(-12deg)}.campaign-shade{position:absolute;inset:0;z-index:-2;background:rgba(0,0,0,var(--ad-overlay))}.campaign-shade::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ad-bg) 0,transparent 72%);opacity:.78}.campaign-content{width:min(690px,72%);padding:38px 52px;position:relative;z-index:2}.campaign-sponsored{display:inline-flex;font-size:9px;font-weight:900;letter-spacing:1.7px;opacity:.78;margin-bottom:8px}.campaign-sponsor-logo{width:130px;height:54px;object-fit:contain;object-position:left center;margin-bottom:10px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.22))}.campaign-content h2{font-size:clamp(25px,3vw,42px);line-height:1.03;letter-spacing:-1.2px;margin:0 0 9px;color:inherit;max-width:680px}.campaign-content p{font-size:14px;max-width:590px;margin:0 0 17px;opacity:.86}.campaign-cta{display:inline-flex;align-items:center;gap:11px;border-radius:999px;padding:10px 18px;background:#ff7300;color:#fff;font-size:11px;font-weight:900;box-shadow:0 9px 24px rgba(255,115,0,.28);transition:transform .2s,box-shadow .2s}.campaign-cta:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(255,115,0,.38)}.campaign-cta span{font-size:17px}.campaign-video-label{position:absolute;right:15px;top:15px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;padding:5px 9px;font-size:8px;font-weight:900;letter-spacing:1px;backdrop-filter:blur(8px)}.campaign-banner-participant{margin:35px 0 45px;min-height:205px}.campaign-banner-participant .campaign-content{padding:31px 38px}.campaign-banner-participant .campaign-content h2{font-size:clamp(23px,3vw,35px)}
.ad-animation-fade .campaign-content,.ad-animation-fade .ad-preview-copy{animation:adFade .9s ease both}.ad-animation-slide-up .campaign-content,.ad-animation-slide-up .ad-preview-copy{animation:adSlideUp .85s cubic-bezier(.2,.75,.2,1) both}.ad-animation-slide-left .campaign-content,.ad-animation-slide-left .ad-preview-copy{animation:adSlideLeft .85s cubic-bezier(.2,.75,.2,1) both}.ad-animation-zoom .campaign-media,.ad-animation-zoom .ad-preview-media>*{animation:adZoom 8s ease-in-out infinite alternate}.ad-animation-bounce .ad-dynamic-title,.ad-animation-bounce .ad-preview-copy h3{animation:adBounce 1s .15s cubic-bezier(.2,.8,.2,1) both}.ad-animation-glow .ad-dynamic-title,.ad-animation-glow .ad-preview-copy h3{animation:adGlow 2s ease-in-out infinite alternate}.ad-animation-typewriter .ad-dynamic-title{width:0;max-width:max-content;overflow:hidden;white-space:nowrap;animation:adType 1.7s steps(var(--title-chars,20)) .2s forwards;border-right:2px solid currentColor}.ad-animation-typewriter .ad-preview-copy h3{animation:adFade .6s both}.ad-animation-typewriter .ad-dynamic-subtitle{animation:adFade .6s 1.8s both;opacity:0}@keyframes adFade{from{opacity:0}to{opacity:1}}@keyframes adSlideUp{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}@keyframes adSlideLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}@keyframes adZoom{from{transform:scale(1)}to{transform:scale(1.08)}}@keyframes adBounce{0%{opacity:0;transform:scale(.72)}65%{transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}@keyframes adGlow{from{text-shadow:0 0 0 transparent}to{text-shadow:0 0 22px currentColor}}@keyframes adType{to{width:100%}}
.ad-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.ad-overview article{background:#fff;border:1px solid var(--admin-line,#e9e1da);border-radius:13px;padding:15px;display:flex;align-items:center;gap:12px}.ad-overview article>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#fff0df;color:#ef6b00}.ad-overview strong{display:block;font-size:22px;color:#382516}.ad-overview small{display:block;color:#877b72;font-size:9px}.campaign-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:15px}.campaign-admin-card{border:1px solid #e7ddd5;border-radius:13px;overflow:hidden;background:#fff}.campaign-admin-card.inactive{opacity:.62}.campaign-admin-media{height:170px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.campaign-admin-media>img,.campaign-admin-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.campaign-admin-shade{position:absolute;inset:0;background:#000}.campaign-admin-media>div{position:relative;z-index:2;padding:17px;color:#fff;max-width:80%}.campaign-admin-media>div strong,.campaign-admin-media>div small{display:block}.campaign-admin-media>div small{font-size:9px;opacity:.8}.media-placeholder{position:absolute;right:20px;top:18px;font-size:75px;opacity:.16}.video-badge{position:absolute;right:9px;top:9px;background:#000b;color:#fff;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:900;z-index:3}.campaign-admin-body{padding:13px}.campaign-admin-title{display:flex;align-items:flex-start;gap:10px}.campaign-admin-title>div{flex:1;min-width:0}.campaign-admin-title strong,.campaign-admin-title small{display:block}.campaign-admin-title>div>strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-admin-title small{color:#887c73;font-size:9px}.ad-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.ad-tags span{background:#f6f1ed;border-radius:999px;padding:4px 8px;font-size:8px;color:#6f6258}.campaign-admin-footer{border-top:1px solid #eee7e1;padding-top:11px;display:flex;align-items:center;justify-content:space-between}.sponsor-admin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.sponsor-admin-list article{border:1px solid #ebe2db;border-radius:11px;padding:10px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}.sponsor-admin-list img,.sponsor-admin-list article>span:first-child{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#fff1df;padding:5px;display:grid;place-items:center}.sponsor-admin-list strong,.sponsor-admin-list small{display:block}.sponsor-admin-list small{font-size:9px;color:#887d74}
.ad-builder{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:24px;align-items:start}.ad-builder-preview-wrap{position:sticky;top:0}.ad-builder-preview-wrap>span{display:block;font-size:8px;font-weight:900;letter-spacing:1.4px;color:#9a6b43;margin-bottom:8px}.ad-builder-preview{--ad-bg:#171717;--ad-color:#fff;--ad-overlay:.45;aspect-ratio:16/8;background:var(--ad-bg);color:var(--ad-color);border-radius:14px;position:relative;display:flex;align-items:flex-end;overflow:hidden;box-shadow:0 14px 35px rgba(34,20,10,.2)}.ad-preview-media,.ad-preview-shade{position:absolute;inset:0}.ad-preview-media>*{width:100%;height:100%;object-fit:cover}.ad-preview-media>.media-contain{object-fit:contain}.ad-preview-media>span{display:grid;place-items:center;width:100%;height:100%;font-size:105px;opacity:.15}.ad-preview-shade{background:rgba(0,0,0,var(--ad-overlay))}.ad-preview-copy{position:relative;z-index:2;padding:22px;width:85%}.ad-preview-copy h3{font-size:25px;line-height:1.03;margin:0 0 6px}.ad-preview-copy p{font-size:9px;margin:0 0 11px;opacity:.83}.ad-preview-copy b{display:inline-block;background:#ff7300;color:#fff;border-radius:999px;padding:7px 11px;font-size:8px}.ad-builder-form .field small{font-size:8px;color:#8a7e75}.range-field>span{display:flex;justify-content:space-between}.range-field input{accent-color:#ff7300}.scope-selector{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scope-selector legend{font-size:12px;font-weight:750;color:#39291c;margin-bottom:7px}.scope-selector input{position:absolute;opacity:0}.scope-selector label>span{min-height:94px;border:1px solid #ded5ce;border-radius:10px;padding:10px;display:flex;flex-direction:column;cursor:pointer;color:#ec6b00}.scope-selector b{font-size:10px;color:#3b2819;margin-top:4px}.scope-selector small{font-size:7px;color:#877b72}.scope-selector input:checked+span{border-color:#ff7300;background:#fff5e9;box-shadow:0 0 0 2px #ffe1c5}
@media(max-width:900px){.ad-builder{grid-template-columns:1fr}.ad-builder-preview-wrap{position:static}.ad-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.campaign-banner{min-height:260px;margin:16px 8px;border-radius:14px;align-items:flex-end}.campaign-banner-participant{margin:25px 0 35px}.campaign-shade::after{background:linear-gradient(0deg,var(--ad-bg),transparent 100%)}.campaign-content,.campaign-banner-participant .campaign-content{width:100%;padding:25px 22px}.campaign-content h2{font-size:27px}.campaign-content p{font-size:11px;max-width:82%}.campaign-sponsor-logo{width:100px;height:40px}.campaign-video-label{font-size:7px}.ad-overview{grid-template-columns:1fr 1fr;gap:8px}.campaign-admin-grid{grid-template-columns:1fr}.scope-selector{grid-template-columns:1fr}.scope-selector label>span{min-height:70px}.ad-builder-preview{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){[class*="ad-animation-"] .campaign-content,[class*="ad-animation-"] .campaign-media,[class*="ad-animation-"] .ad-dynamic-title,[class*="ad-animation-"] .ad-dynamic-subtitle,[class*="ad-animation-"] .ad-preview-copy,[class*="ad-animation-"] .ad-preview-media>*{animation:none!important;opacity:1!important;transform:none!important;width:auto!important;border:0!important}}