.ai-image-generator-page{background-color:#0c0a09;overflow:hidden}#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.particle{position:absolute;width:3px;height:3px;border-radius:50%;opacity:0;animation-name:float;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes float{0%{transform:translateY(100vh);opacity:0}50%{opacity:1}to{transform:translateY(-10vh);opacity:0}}.prompt-panel{background:rgba(12,10,9,.6);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.prompt-panel:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.input-wrapper{position:relative}.input-border-glow{position:absolute;inset:-1px;border-radius:10px;background:conic-gradient(from 180deg at 50% 50%,#00ffff 0deg,#ff00ff 180deg,#00ffff 1turn);filter:blur(10px);opacity:0;transition:opacity .3s ease;z-index:-1}textarea:focus+.input-border-glow{opacity:.5}textarea{background:rgba(0,0,0,.5);border-color:rgba(255,255,255,.1);resize:none}.style-btn{border:2px solid transparent;transition:all .3s ease}.style-btn.active{border-color:#00ffff;background-color:rgba(0,255,255,.1);box-shadow:0 0 15px rgba(0,255,255,.2)}.generate-btn{position:relative;overflow:hidden;background:linear-gradient(45deg,#00ffff,#ff00ff);color:white;transition:transform .2s ease,box-shadow .2s ease}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,255,255,.1),0 10px 20px rgba(255,0,255,.1)}.regenerate-btn{transition:all .3s ease}.status-indicator{display:flex;align-items:center;gap:.5rem;color:#a1a1aa}.status-dot{width:10px;height:10px;border-radius:50%;transition:background .3s ease,box-shadow .3s ease}.image-container{border:2px dashed rgba(255,255,255,.2);transition:all .5s cubic-bezier(.165,.84,.44,1)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.gallery-item{aspect-ratio:1/1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative}.gallery-item:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(0,255,255,.3)}.gallery-item img{width:100%;height:100%;object-fit:cover}.notification{position:fixed;top:1.25rem;right:1.25rem;padding:1rem 1.5rem;border-radius:8px;color:white;z-index:100;display:flex;align-items:center;gap:.75rem;transition:transform .3s ease-in-out}.notification.success{background-color:#10b981}.notification.error{background-color:#f43f5e}