:root{--neon-pink:#f0f;--neon-cyan:#0ff;--neon-green:#39ff14;--dark-bg:#0a0a0a}*{box-sizing:border-box;cursor:crosshair;margin:0;padding:0}body{background:#0a0a0a;background:var(--dark-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m30 5 5 10h10l-8 7 3 10-10-6-10 6 3-10-8-7h10Z' fill='%23f0f' fill-opacity='.03'/%3E%3C/svg%3E");color:#fff;font-family:VT323,monospace;min-height:100vh}body:before{background:repeating-linear-gradient(0deg,#00000026 1px,#0000 0,#0000 2px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.glow-pink{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink)}.glow-cyan{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan)}a{color:#0ff;color:var(--neon-cyan);cursor:pointer}a:hover{color:#f0f;color:var(--neon-pink)}.mode-btn,button{cursor:pointer}input,textarea{cursor:text}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(180deg,#0a0a15,#0a0a0a);border-bottom:3px solid #9d00ff;padding:20px;text-align:center}.logo{font-family:Press Start\ 2P,cursive;font-size:28px}.tagline{color:#0ff;font-size:16px;letter-spacing:3px;margin-top:10px}.tab-nav{background:#0a0a15;border-bottom:2px solid #333;display:flex;gap:10px;justify-content:center;padding:15px}.tab-btn{background:#1a1a2e;border:2px solid #9d00ff;color:#0ff;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:12px;padding:12px 20px;transition:all .2s}.tab-btn.active,.tab-btn:hover{background:linear-gradient(180deg,#f0f3,#9d00ff33);border-color:#f0f;box-shadow:0 0 15px #f0f}.mode-selector{background:#0a0a15;display:flex;gap:15px;justify-content:center;padding:20px}.mode-btn{background:#1a1a2e;border:3px solid #9d00ff;color:#0ff;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:10px;padding:15px 25px;transition:all .2s}.mode-btn.active,.mode-btn:hover{background:linear-gradient(180deg,#f0f3,#9d00ff33);border-color:#f0f;box-shadow:0 0 20px #f0f}.chat-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:900px;padding:20px;width:100%}.messages{background:#0a0a0a;border:3px solid #9d00ff;flex:1 1;min-height:400px;overflow-y:auto;padding:20px}.welcome{padding:60px 20px;text-align:center}.message{border:2px solid;margin:15px 0;padding:15px}.message.user{background:linear-gradient(135deg,#ff00ff22,#9d00ff22);border-color:#f0f;margin-left:20%}.message.assistant{background:linear-gradient(135deg,#00ffff11,#39ff1411);border-color:#0ff;margin-right:20%}.author{color:#f0f;display:block;font-family:Press Start\ 2P,cursive;font-size:10px;margin-bottom:10px}.message.assistant .author{color:#0ff}.message p{font-size:16px;line-height:1.6}.typing{color:#0ff;font-size:18px}.input-form{background:#1a1a2e;border:3px solid #9d00ff;border-top:none;display:flex;gap:10px;padding:15px}.input-form input{background:#0a0a0a;border:2px solid #9d00ff;color:#0ff;flex:1 1;font-family:VT323,monospace;font-size:18px;outline:none;padding:12px}.input-form input:focus{border-color:#f0f;box-shadow:0 0 10px #f0f}.input-form button{background:#1a1a2e;border:3px solid #9d00ff;color:#0ff;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:10px;padding:12px 25px}.input-form button:hover{border-color:#f0f;box-shadow:0 0 15px #f0f}.tool-container{margin:0 auto;max-width:800px;padding:40px 20px;text-align:center}.tool-container h2{font-family:Press Start\ 2P,cursive;font-size:20px;margin-bottom:15px}.tool-desc{color:#aaa;font-size:16px;margin-bottom:30px}.tool-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.tool-form input,.tool-form textarea{background:#0a0a0a;border:3px solid #9d00ff;color:#0ff;font-family:VT323,monospace;font-size:18px;outline:none;padding:15px;resize:none}.tool-form input:focus,.tool-form textarea:focus{border-color:#f0f;box-shadow:0 0 15px #f0f}.tool-btn{background:linear-gradient(180deg,#1a1a2e,#0a0a15);border:3px solid #0ff;color:#0ff;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:14px;padding:20px 40px;transition:all .3s}.tool-btn:hover{background:linear-gradient(180deg,#00ffff22,#00ffff11);box-shadow:0 0 25px #0ff;transform:scale(1.02)}.tool-btn:disabled{cursor:not-allowed;opacity:.6}.result-box{background:#0a0a15;border:3px solid #39ff14;margin-top:20px;padding:30px}.generated-img{border:2px solid #f0f;margin-bottom:20px;max-height:500px;max-width:100%}.download-btn{background:#39ff14;border:none;color:#000;cursor:pointer;display:inline-block;font-family:Press Start\ 2P,cursive;font-size:12px;margin-top:15px;padding:15px 30px;text-decoration:none}.download-btn:hover{background:#0ff;box-shadow:0 0 20px #0ff}.success-msg{color:#39ff14;font-size:20px;margin-bottom:15px}.filename{color:#0ff;font-size:14px;margin-bottom:15px;word-break:break-all}.footer{background:#050505;border-top:3px solid #9d00ff;font-size:16px;padding:20px;text-align:center}.glow-pink{color:#f0f;text-shadow:0 0 10px #f0f,0 0 20px #f0f}.glow-cyan{color:#0ff;text-shadow:0 0 10px #0ff,0 0 20px #0ff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.blink{animation:blink 1s infinite}
/*# sourceMappingURL=main.ef478d15.css.map*/