.ai-tool-page{--ai-primary:#6366f1;--ai-secondary:#8b5cf6;--ai-accent:#e94560;--ai-success:#00ff88;--ai-bg-dark:#1e1e30;--ai-bg-card:rgba(255, 255, 255, 0.05);--ai-text-light:#fff;--ai-text-muted:#ccc}.container-custom{width:100%;margin:0 auto;padding:var(--spacing-4);color:var(--ai-text-light)}[data-theme=light] .container-custom{color:#333}[data-theme=light] .header-custom{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 40px rgba(99,102,241,.2)}[data-theme=light] .stat-item{background:rgba(255,255,255,.2)}[data-theme=light] .stat-number{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}[data-theme=light] .stat-labelex{color:rgba(255,255,255,.9)}[data-theme=light] .category-section,[data-theme=light] .prompts-section,[data-theme=light] .features-section{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}[data-theme=light] .section-title{color:#1e293b}[data-theme=light] .category-card{background:#f8fafc;border:1px solid #e2e8f0;color:#333}[data-theme=light] .category-card:hover{border-color:#6366f1;box-shadow:0 10px 25px rgba(99,102,241,.15);background:#fff}[data-theme=light] .category-card.active{border-color:#6366f1;background:rgba(99,102,241,.1)}[data-theme=light] .category-name{color:#1e293b}[data-theme=light] .category-count{color:#64748b}[data-theme=light] .prompt-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,5%)}[data-theme=light] .prompt-card:hover{border-color:#6366f1;box-shadow:0 10px 30px rgba(99,102,241,.15)}[data-theme=light] .prompt-title{color:#4f46e5}[data-theme=light] .prompt-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6)}[data-theme=light] .prompt-text{background:#f1f5f9;color:#334155;border-left:4px solid #6366f1}[data-theme=light] .meta-item{color:#64748b}[data-theme=light] .btn-customize{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}[data-theme=light] .btn-customize:hover{background:#e2e8f0;color:#1e293b}[data-theme=light] .btn-copy{background:linear-gradient(135deg,#6366f1,#8b5cf6)}[data-theme=light] .faq-section{background:#f8fafc}[data-theme=light] .faq-item-custom{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .faq-question-custom{color:#1e293b}[data-theme=light] .faq-question-custom:hover{background:rgba(99,102,241,5%)}[data-theme=light] .faq-answer-content-custom{color:#475569}[data-theme=light] .faq-answer-custom{background:#f8fafc}[data-theme=light] .info-section{background:linear-gradient(135deg,#f0f9ff 0%,#e0e7ff 100%);border:1px solid #bfdbfe}[data-theme=light] .info-title{color:#4f46e5}[data-theme=light] .step-card{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8)}[data-theme=light] .step-number{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}[data-theme=light] .step-title{color:#1e293b}[data-theme=light] .step-desc{color:#475569}[data-theme=light] .feature-item{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .feature-content h4{color:#1e293b}[data-theme=light] .feature-content p{color:#475569}[data-theme=light] .tips-section{background:linear-gradient(135deg,#10b981,#059669);color:#fff}[data-theme=light] .tips-title{color:#fff}[data-theme=light] .tip-item{background:rgba(255,255,255,.95);color:#1e293b;box-shadow:0 4px 6px rgba(0,0,0,5%)}[data-theme=light] .modal-content-custom{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}[data-theme=light] .modal-title-custom{color:#4f46e5}[data-theme=light] .modal-close-custom{color:#64748b}[data-theme=light] .modal-close-custom:hover{color:#1e293b}[data-theme=light] .form-label-custom{color:#1e293b}[data-theme=light] .form-input-custom,[data-theme=light] .form-select-custom,[data-theme=light] .form-textarea-custom{background:#f8fafc;border:1px solid #cbd5e1;color:#1e293b}[data-theme=light] .form-input-custom:focus,[data-theme=light] .form-select-custom:focus,[data-theme=light] .form-textarea-custom:focus{background:#fff;border-color:#6366f1}[data-theme=light] .form-select-custom option{background:#fff;color:#333}.header-custom{text-align:center;padding:clamp(2rem,5vw,4rem)1rem;background:linear-gradient(135deg,#e94560,#533483);border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);box-shadow:0 10px 40px rgba(233,69,96,.3)}.header-custom h1{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:var(--spacing-2);text-shadow:2px 2px 4px rgba(0,0,0,.3);color:#fff}.header-custom p{font-size:clamp(1rem,2vw,1.1rem);opacity:.9;color:#fff;max-width:600px;margin:0 auto}.stats-bar{display:flex;justify-content:center;gap:clamp(1rem,3vw,2.5rem);margin-top:var(--spacing-6);flex-wrap:wrap}.stat-item{text-align:center;background:rgba(255,255,255,.1);padding:15px 25px;border-radius:10px;flex:1;min-width:120px;max-width:200px}.stat-number{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#0f8}.stat-labelex{font-size:.9rem;opacity:.8;color:#fff}.category-section{background:rgba(255,255,255,5%);border-radius:20px;padding:clamp(1.5rem,4vw,2rem);margin-bottom:var(--spacing-8);border:1px solid rgba(255,255,255,.1)}.section-title{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:10px;color:#fff;flex-wrap:wrap}.section-title::before{content:'';width:5px;height:30px;background:linear-gradient(to bottom,#e94560,#533483);border-radius:3px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:15px}.category-card{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,5%));padding:1.5rem;border-radius:15px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card:hover{transform:translateY(-5px);border-color:#e94560;box-shadow:0 10px 30px rgba(233,69,96,.2)}.category-card.active{border-color:#0f8;background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,255,136,5%))}.category-icon{font-size:2.5rem;margin-bottom:10px}.category-name{font-size:1.1rem;font-weight:600;color:#fff}.category-count{font-size:.85rem;opacity:.7;margin-top:5px;color:#ccc}.prompts-section{background:rgba(255,255,255,5%);border-radius:20px;padding:clamp(1.5rem,4vw,2rem);margin-bottom:30px;border:1px solid rgba(255,255,255,.1)}.prompt-card{background:linear-gradient(135deg,#1e1e30,#252540);border-radius:15px;padding:clamp(1.25rem,3vw,1.5rem);margin-bottom:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.prompt-card:hover{border-color:#e94560;box-shadow:0 5px 25px rgba(233,69,96,.2)}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.prompt-title{font-size:1.2rem;font-weight:600;color:#e94560}.prompt-badge{background:linear-gradient(135deg,#e94560,#533483);padding:5px 15px;border-radius:20px;font-size:.8rem;color:#fff}.prompt-text{background:rgba(0,0,0,.3);padding:20px;border-radius:10px;font-family:consolas,monospace;font-size:.95rem;line-height:1.6;color:#0f8;margin-bottom:15px;border-left:4px solid #e94560;white-space:pre-wrap;overflow-x:auto}.prompt-meta{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:5px;font-size:.85rem;opacity:.8;color:#ccc}.prompt-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-custom{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:140px}.btn-copy{background:linear-gradient(135deg,#e94560,#533483);color:#fff}.btn-copy:hover{transform:scale(1.05);box-shadow:0 5px 20px rgba(233,69,96,.4)}.btn-customize{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-customize:hover{background:rgba(255,255,255,.2)}.btn-favorite{background:0 0;color:#ff6b6b;border:1px solid #ff6b6b;flex:0;min-width:auto}.btn-favorite:hover,.btn-favorite.active{background:#ff6b6b;color:#fff}.info-section{background:linear-gradient(135deg,rgba(83,52,131,.3),rgba(233,69,96,.1));border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);margin-bottom:30px;border:1px solid rgba(233,69,96,.3)}.info-title{font-size:clamp(1.5rem,3vw,1.8rem);margin-bottom:30px;text-align:center;color:#e94560}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:25px;align-items:start}.step-card{background:rgba(0,0,0,.3);padding:25px;border-radius:15px;text-align:center;transition:all .3s ease;height:100%}.step-card:hover{transform:translateY(-5px)}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#e94560,#533483);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 15px;color:#fff}.step-title{font-size:1.1rem;font-weight:600;margin-bottom:10px;color:#0f8}.step-desc{font-size:.9rem;opacity:.8;line-height:1.5;color:#ccc}.step-arrow{display:none}.features-section{background:rgba(255,255,255,5%);border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);margin-bottom:30px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-top:25px}.feature-item{background:rgba(0,0,0,.2);padding:20px;border-radius:12px;display:flex;gap:15px;align-items:flex-start}.feature-icon{font-size:2rem;flex-shrink:0}.feature-content h4{color:#0f8;margin-bottom:5px;font-size:1.1rem}.feature-content p{font-size:.9rem;opacity:.8;color:#ccc;line-height:1.5}.faq-section{background:linear-gradient(135deg,rgba(15,52,96,.5),rgba(22,33,62,.5));border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);margin-bottom:30px}.faq-item-custom{background:rgba(255,255,255,5%);border-radius:12px;margin-bottom:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.faq-question-custom{padding:1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:all .3s ease;color:#fff;gap:10px}.faq-question-custom span:first-child{font-size:clamp(.95rem,2vw,1.1rem)}.faq-question-custom:hover{background:rgba(233,69,96,.1)}.faq-icon-custom{font-size:1.5rem;transition:transform .3s ease;flex-shrink:0}.faq-item-custom.active .faq-icon-custom{transform:rotate(45deg)}.faq-answer-custom{max-height:0;overflow:hidden;transition:max-height .3s ease;background:rgba(0,0,0,.2)}.faq-answer-content-custom{padding:1.25rem;line-height:1.6;opacity:.9;color:#ddd;font-size:.95rem}.faq-item-custom.active .faq-answer-custom{max-height:500px}.tips-section{background:linear-gradient(135deg,#00ff88,#00b894);border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);margin-bottom:30px;color:#1a1a2e}.tips-title{font-size:clamp(1.5rem,3vw,1.8rem);margin-bottom:25px;text-align:center}.tips-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:15px}.tip-item{background:rgba(255,255,255,.9);padding:15px 20px;border-radius:10px;display:flex;align-items:center;gap:15px;font-weight:500;font-size:.95rem}.tip-icon{font-size:1.5rem;flex-shrink:0}.modal-custom{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;align-items:center;justify-content:center;padding:20px}.modal-custom.active{display:flex}.modal-content-custom{background:linear-gradient(135deg,#1e1e30,#252540);padding:clamp(1.5rem,4vw,2.5rem);border-radius:20px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto}.modal-header-custom{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal-title-custom{font-size:1.5rem;color:#e94560}.modal-close-custom{background:0 0;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1}.form-group-custom{margin-bottom:20px}.form-label-custom{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:.95rem}.form-input-custom,.form-select-custom,.form-textarea-custom{width:100%;padding:12px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select-custom option{background:#1e1e30;color:#fff}.form-textarea-custom{min-height:120px;resize:vertical}.form-input-custom:focus,.form-select-custom:focus,.form-textarea-custom:focus{outline:none;border-color:#e94560}.toast-custom{position:fixed;bottom:30px;right:30px;left:30px;margin:0 auto;max-width:400px;text-align:center;background:linear-gradient(135deg,#00ff88,#00b894);color:#1a1a2e;padding:15px 25px;border-radius:10px;font-weight:600;transform:translateY(200%);transition:transform .3s ease;z-index:1001}.toast-custom.show{transform:translateY(0)}@media(min-width:768px){.toast-custom{left:auto;transform:translateX(200%)}.toast-custom.show{transform:translateX(0)}}