:root{--primary:#667eea;--primary-dark:#764ba2;--border-light:#cbd5e0;--bg-light:#f7fafc;--bg-hover:#edf2f7;--bg-drag:#e6fffa}
.bg-gradient,.bg-gradient-purple{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)!important}
.bg-gradient{min-height:100vh}
.drop-zone{background:var(--bg-light);border-color:var(--border-light)!important;transition:all .3s ease;cursor:pointer}
.drop-zone:hover{border-color:var(--primary)!important;background:var(--bg-hover)}
.drop-zone.dragover{border-color:var(--primary)!important;background:var(--bg-drag)!important;transform:scale(1.02)}
.drop-zone-content{pointer-events:none}
.drop-zone .icon{color:var(--primary)}
.warning-pulse{animation:warningPulse 2s ease-in-out infinite}
@keyframes warningPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,53,69,.4)}50%{box-shadow:0 0 0 8px rgba(220,53,69,0)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.result:not(.d-none){animation:fadeIn .5s ease}
#extensionAliases{display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-placeholder{border:2px dashed rgba(255,255,255,.4);border-radius:8px;b
          
background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ad-placeholder::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px);pointer-events:none}
.ad-label{color:rgba(255,255,255,.7);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;z-index:1}
.ad-leaderboard{width:100%;max-width:728px;height:90px}
.ad-rectangle{width:100%;max-width:300px;height:250px}
.ad-footer{width:100%;max-width:468px;height:60px}
         
@media (max-width:768px){.ad-leaderboard{max-width:320px;height:50px}.ad-rectangle{max-width:300px;height:250px}.ad-footer{max-width:320px;height:50px}.ad-label{font-size:.75rem}}
@media (max-width:768px){#extensionAliases{max-width:150px}}
