:root{--aipg-bg-color:#ffffff;--aipg-card-bg-color:#ffffff;--aipg-input-bg-color:#ffffff;--aipg-text-color:#333333;--aipg-heading-color:#1a202c;--aipg-border-color:#e0e0e0;--aipg-primary-btn-bg:#667eea;--aipg-primary-btn-text:#ffffff;--aipg-secondary-btn-bg:#6c757d;--aipg-secondary-btn-text:#ffffff;--aipg-style-btn-bg:#ffffff;--aipg-style-btn-text:#333333;--aipg-style-btn-border:#e0e0e0;--aipg-style-btn-hover-bg:#f5f5f5;--aipg-style-btn-hover-border:#667eea;--aipg-style-btn-active-bg:#667eea;--aipg-style-btn-active-text:#ffffff}.aipg-container *{margin:0;padding:0;box-sizing:border-box}.aipg-container{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:auto;padding:20px 10px;border-radius:10px;margin:20px auto;max-width:1400px;box-sizing:border-box;position:relative}.aipg-wrapper{max-width:1400px;margin:0 auto}.aipg-header{text-align:center;color:#fff;margin-bottom:30px}.aipg-header h1{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgb(0 0 0 / .3)}.aipg-header p{font-size:1.1em;opacity:.9}.aipg-main-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.aipg-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px rgb(0 0 0 / .2)}.aipg-card h2{color:#667eea;margin-bottom:20px;font-size:1.5em;border-bottom:2px solid #667eea;padding-bottom:10px}.aipg-input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.aipg-input-group-full{grid-column:span 2}.aipg-input-group{display:flex;flex-direction:column}.aipg-input-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}.aipg-input-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:border-color 0.3s;background-color:#f8f9fa}.aipg-input-group textarea:focus{outline:none;border-color:#667eea}.aipg-input-group input[type='text'],.aipg-input-group select{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color 0.3s;height:40px;box-sizing:border-box}.aipg-input-group select:focus{outline:none;border-color:#667eea}.aipg-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.aipg-style-btn{padding:12px;border:2px solid var(--aipg-style-btn-border);background:var(--aipg-style-btn-bg);color:var(--aipg-style-btn-text);border-radius:8px;cursor:pointer;font-size:13px;transition:all 0.3s;font-weight:500}.aipg-style-btn:hover{background:var(--aipg-style-btn-hover-bg);border-color:var(--aipg-style-btn-hover-border)}.aipg-style-btn.active{background:var(--aipg-style-btn-active-bg);color:var(--aipg-style-btn-active-text);border-color:var(--aipg-style-btn-active-bg)}.aipg-btn{padding:15px 30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;width:100%;margin-bottom:10px}.aipg-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(102 126 234 / .4)}.aipg-btn:active{transform:translateY(0)}.aipg-btn-secondary{background:#6c757d;margin-top:10px}.aipg-btn-tertiary{background:#718096!important}.aipg-tooltip{position:relative;display:inline-block;cursor:pointer;color:#9ca3af}.aipg-tooltip .aipg-tooltip-text{visibility:hidden;width:220px;background-color:#374151;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-110px;opacity:0;transition:opacity 0.3s;font-size:12px}.aipg-tooltip:hover .aipg-tooltip-text{visibility:visible;opacity:1}.aipg-tooltip .aipg-tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#374151 #fff0 #fff0 #fff0}.aipg-theme-switcher{position:absolute;top:20px;right:20px}.aipg-switch{position:relative;display:inline-block;width:50px;height:24px}.aipg-switch input{opacity:0;width:0;height:0}.aipg-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.aipg-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.aipg-slider{background-color:#4f46e5}input:checked+.aipg-slider:before{transform:translateX(26px)}.aipg-container.dark-mode{--aipg-bg-color:#111827;--aipg-card-bg-color:#1f2937;--aipg-input-bg-color:#374151;--aipg-text-color:#d1d5db;--aipg-heading-color:#f9fafb;--aipg-border-color:#374151;--aipg-primary-btn-bg:#4f46e5;--aipg-primary-btn-text:#ffffff;--aipg-secondary-btn-bg:#374151;--aipg-secondary-btn-text:#d1d5db}.dark-mode .aipg-card,.dark-mode .aipg-output-box{background-color:var(--aipg-card-bg-color);border-color:var(--aipg-border-color)}.dark-mode .aipg-input,.dark-mode .aipg-style-btn{background-color:var(--aipg-input-bg-color);color:var(--aipg-text-color);border-color:var(--aipg-border-color)}.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode label{color:var(--aipg-heading-color)}.dark-mode p,.dark-mode li{color:var(--aipg-text-color)}.dark-mode .aipg-btn-primary{background-color:var(--aipg-primary-btn-bg);color:var(--aipg-primary-btn-text)}.dark-mode .aipg-btn-secondary{background-color:var(--aipg-secondary-btn-bg);color:var(--aipg-secondary-btn-text)}.aipg-social-share{display:inline-block;margin-left:10px}.aipg-share-btn{padding:8px 12px;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px}.aipg-share-btn.twitter{background-color:#1DA1F2}.aipg-share-btn.pinterest{background-color:#E60023}.aipg-share-btn.reddit{background-color:#FF4500}.aipg-share-btn.facebook{background-color:#1877F2}.aipg-share-btn.whatsapp{background-color:#25D366}.aipg-output-box{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:15px;min-height:150px;font-size:14px;line-height:1.6;color:#333;margin-bottom:15px;white-space:pre-wrap;word-wrap:break-word}.aipg-output-box.empty{color:#999;font-style:italic}.aipg-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.aipg-tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid #fff0;cursor:pointer;font-size:15px;font-weight:600;color:#666;transition:all 0.3s}.aipg-tab:hover{color:#667eea}.aipg-tab.active{color:#667eea;border-bottom-color:#667eea}.aipg-batch-container{display:none}.aipg-batch-container.active{display:block}.aipg-variation-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-bottom:10px;position:relative}.aipg-variation-item h4{color:#667eea;margin-bottom:8px;font-size:14px}.aipg-variation-item p{font-size:13px;line-height:1.5;color:#333}.aipg-copy-btn{position:absolute;top:10px;right:10px;padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:5px;font-size:12px;cursor:pointer;transition:background 0.3s}.aipg-copy-btn:hover{background:#5568d3}.aipg-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.aipg-checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:10px}.aipg-checkbox-group input[type="checkbox"]{width:18px;height:18px;cursor:pointer}.aipg-checkbox-group label{margin:0;font-weight:400;cursor:pointer}.aipg-platform-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.aipg-platform-card{padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;text-align:center;transition:all 0.3s}.aipg-platform-card:hover{border-color:#667eea;background:#f5f5f5}.aipg-platform-card.selected{border-color:#667eea;background:#667eea;color:#fff}.aipg-platform-card h3{font-size:16px;margin-bottom:5px}.aipg-platform-card p{font-size:12px;opacity:.8}.aipg-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.aipg-stat-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:10px;text-align:center}.aipg-stat-card h3{font-size:28px;margin-bottom:5px}.aipg-stat-card p{font-size:13px;opacity:.9}.aipg-tips-box{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:15px;margin-top:15px}.aipg-tips-box h4{color:#856404;margin-bottom:10px}.aipg-tips-box ul{margin-left:20px;color:#856404}.aipg-tips-box li{margin-bottom:5px;font-size:13px}@media (max-width:1024px){.aipg-main-content{grid-template-columns:1fr}.aipg-style-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.aipg-container{padding:20px 5px}.aipg-header h1{font-size:1.8em}.aipg-platform-selector{grid-template-columns:1fr}.aipg-settings-grid{grid-template-columns:1fr}.aipg-stats-grid{grid-template-columns:1fr}}.aipg-toast{position:fixed;bottom:20px;right:20px;background:#28a745;color:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 5px 15px rgb(0 0 0 / .3);opacity:0;transition:opacity 0.3s;z-index:1000}.aipg-toast.show{opacity:1}