body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-gradient:radial-gradient(circle at 10% 20%,#0f172a 0%,#1e1b4b 90%);--panel-glass:#ffffff08;--panel-border:#ffffff1a;--panel-shadow:0 8px 32px 0 #0000005e;--primary-accent:#6366f1;--primary-glow:#818cf8;--secondary-accent:#ec4899;--text-main:#f8fafc;--text-muted:#94a3b8;--input-bg:#0f172a99;--input-border:#94a3b833;--success-color:#10b981;--card-hover:#ffffff0d}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 10% 20%,#0f172a 0,#1e1b4b 90%);background:var(--bg-gradient);background-attachment:fixed;color:#f8fafc;color:var(--text-main);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;margin:0;min-height:100vh}.App{min-height:100vh}.App,.App-header{display:flex;flex-direction:column}.App-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a66;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--panel-border);padding:1.5rem 2rem;text-align:center;z-index:10}.App-header h1{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0;text-shadow:0 0 30px #6366f14d}.App-header p{color:#94a3b8;color:var(--text-muted);font-size:.9rem;font-weight:400;margin-top:.5rem}.main-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-grow:1;gap:2rem;margin:0 auto;max-width:1600px;padding:2rem;width:100%}.input-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;background:var(--panel-glass);border:1px solid #ffffff1a;border:1px solid var(--panel-border);border-radius:24px;box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--panel-shadow);flex:0 0 450px;height:-webkit-fit-content;height:fit-content;padding:2rem}.form-group label{color:#6366f1;color:var(--primary-accent);display:block;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#0f172a99;background:var(--input-bg);border:1px solid #94a3b833;border:1px solid var(--input-border);border-radius:12px;box-sizing:border-box;color:#f8fafc;color:var(--text-main);font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0f172ae6;border-color:#6366f1;border-color:var(--primary-accent);box-shadow:0 0 0 4px #6366f126;outline:none}.url-input-group{display:flex;gap:10px}.add-btn{background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--panel-border);border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:0 1.5rem;transition:all .2s;white-space:nowrap}.add-btn:hover{background:#6366f1;background:var(--primary-accent);border-color:#6366f1;border-color:var(--primary-accent)}.url-tags{flex-wrap:wrap;margin-top:10px}.url-tag,.url-tags{display:flex;gap:8px}.url-tag{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;box-sizing:border-box;color:#c7d2fe;font-size:.85rem;max-width:100%;padding:.4rem .8rem}.url-tag button{align-items:center;background:none;color:inherit;display:flex;padding:0}.generate-btn,.url-tag button{border:none;cursor:pointer;font-size:1.1rem}.generate-btn{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));border-radius:16px;box-shadow:0 10px 20px -5px #ec489966;color:#fff;font-weight:700;margin-top:1rem;overflow:hidden;padding:1.2rem;position:relative;transition:transform .2s,box-shadow .2s;width:100%}.generate-btn:hover{box-shadow:0 15px 30px -5px #ec489980;transform:translateY(-2px)}.generate-btn:disabled{cursor:wait;opacity:.7;transform:none}.output-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;background:var(--panel-glass);border:1px solid #ffffff1a;border:1px solid var(--panel-border);border-radius:24px;box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--panel-shadow);flex:1 1;min-height:600px;padding:3rem;position:relative}.loader-container,.output-panel{display:flex;flex-direction:column}.loader-container{align-items:center;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.ai-orb{animation:pulse-glow 2s ease-in-out infinite,float 3s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fffc,#6366f166);border-radius:50%;box-shadow:0 0 30px #6366f1,0 0 60px #ec4899,inset 0 0 20px #ffffff80;box-shadow:0 0 30px var(--primary-accent),0 0 60px var(--secondary-accent),inset 0 0 20px #ffffff80;height:80px;position:relative;width:80px}.ai-orb:after{animation:spin 3s linear infinite;border-color:#fffc #0000;border-radius:50%;border-style:solid;border-width:2px;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.loading-text{animation:fadeText 2s infinite;color:#c7d2fe;font-size:1.2rem;font-weight:600;letter-spacing:2px;margin-top:2rem;text-transform:uppercase}@keyframes pulse-glow{0%{box-shadow:0 0 20px #6366f1;box-shadow:0 0 20px var(--primary-accent);transform:scale(.95)}50%{box-shadow:0 0 50px #6366f1,0 0 20px #fff;box-shadow:0 0 50px var(--primary-accent),0 0 20px #fff;transform:scale(1.05)}to{box-shadow:0 0 20px #6366f1;box-shadow:0 0 20px var(--primary-accent);transform:scale(.95)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeText{0%,to{opacity:.5}50%{opacity:1}}.results-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--panel-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.results-header h3{color:#818cf8;color:var(--primary-glow);font-size:1.5rem;margin:0}.action-buttons{align-items:center;flex-wrap:wrap}.action-buttons,.export-buttons{display:flex;gap:10px}.regenerate-btn{background:#f59e0b33;border:1px solid #f59e0b66;border-radius:12px;color:#fbbf24;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all .2s}.regenerate-btn:hover{background:#f59e0b66;transform:translateY(-2px)}.export-btn{background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--panel-border);border-radius:12px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-weight:500;padding:.6rem 1rem;transition:all .2s}.export-btn:hover{background:#6366f1;background:var(--primary-accent);border-color:#6366f1;border-color:var(--primary-accent);color:#fff}.ad-component-group h4{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--panel-border);color:#ec4899;color:var(--secondary-accent);font-size:1.1rem;margin-top:2rem;padding-bottom:10px}.ad-item-row{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--panel-border);border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.8rem;padding:1rem;transition:all .2s ease}.ad-item-row:hover{background:#ffffff0d;background:var(--card-hover);border-color:#6366f1;border-color:var(--primary-accent);transform:translateX(5px)}.ad-text{color:#f8fafc;color:var(--text-main);flex:1 1;line-height:1.6;word-break:break-word}.ad-meta{align-items:center;display:flex;flex-shrink:0;gap:10px}.char-count{background:#0000004d;border-radius:6px;font-size:.75rem;padding:4px 8px;white-space:nowrap}.char-count,.copy-btn{color:#94a3b8;color:var(--text-muted)}.copy-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--panel-border);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.copy-btn:hover{background:#6366f1;background:var(--primary-accent);border-color:#6366f1;border-color:var(--primary-accent);color:#fff}.placeholder{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;opacity:.6;padding:2rem;text-align:center}.placeholder-icon{filter:grayscale(1);font-size:4rem;margin-bottom:1rem;opacity:.5}.App-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border-top:1px solid #ffffff1a;border-top:1px solid var(--panel-border);display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1.5rem;text-align:center}.App-footer a{color:#94a3b8;color:var(--text-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.App-footer a:hover{color:#6366f1;color:var(--primary-accent)}@media (max-width:1024px){.main-content{flex-direction:column;gap:1.5rem;padding:1rem}.input-panel{flex:none;max-height:none;width:100%}.output-panel{box-sizing:border-box;min-height:400px;padding:2rem;width:100%}}@media (max-width:768px){.App-header{padding:1rem}.App-header h1{font-size:1.5rem}.main-content{padding:1rem .5rem}.input-panel,.output-panel{border-radius:16px;padding:1.5rem}.results-header{align-items:flex-start;flex-direction:column}.action-buttons{justify-content:flex-start;width:100%}.export-buttons{width:100%}.export-btn,.regenerate-btn{flex:1 1;justify-content:center;text-align:center}.url-input-group{flex-direction:column}.add-btn{padding:.8rem;width:100%}}
/*# sourceMappingURL=main.0c8b599a.css.map*/