.highlighted-prompt-generator{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);padding:16px 20px;margin:0;box-shadow:0 10px 25px #6366f133,0 0 0 1px #ffffff1a;position:relative;overflow:hidden}.highlighted-prompt-generator:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:float 6s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(20px,-20px) rotate(180deg)}}.highlighted-prompt-header{display:flex;justify-content:center;align-items:center;margin-bottom:0}.highlighted-prompt-title{display:none}.highlighted-prompt-title h3{color:#fff;margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:8px}.highlight-icon{font-size:1.8rem;animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.highlight-subtitle{color:#ffffffe6;font-size:.9rem;margin-left:2rem;font-weight:500;line-height:1.4}.highlighted-prompt-btn{background:#ffffff40;border:2px solid rgba(255,255,255,.4);border-radius:12px;padding:10px 20px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 3px 15px #0000001a;position:relative;overflow:hidden;width:100%;justify-content:center}.highlighted-prompt-btn:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #0003,0 0 0 1px #fff3}.highlighted-prompt-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.highlighted-prompt-btn:hover:before{width:300px;height:300px}.btn-icon{font-size:1.2rem}.btn-text{font-size:.875rem}.highlighted-prompt-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.highlighted-prompt-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.prompt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.prompt-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.prompt-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 24px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:.875rem;font-weight:500;color:#6b7280}.control-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;color:#1f2937;cursor:pointer;transition:border-color .2s ease}.control-group select:hover{border-color:#9ca3af}.control-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.prompt-preview{padding:16px 24px}.prompt-preview h4{margin:0 0 12px;font-size:1rem;font-weight:500;color:#1f2937}.prompt-benefits{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.benefit-tag{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #10b98133}.prompt-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5;color:#4b5563;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;margin:0}.prompt-actions{padding:16px 24px 24px;border-top:1px solid #e5e7eb}.action-description{margin-bottom:16px;text-align:center}.action-description p{margin:0;color:#6b7280;font-size:.875rem;font-weight:500}.action-buttons{display:flex;justify-content:space-between;align-items:center}.action-buttons-left,.action-buttons-right{display:flex;gap:12px}.copy-btn{padding:10px 18px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:10px;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.copy-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.ai-btn{padding:10px 18px;border:none;border-radius:10px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.claude-btn{background:linear-gradient(135deg,#f97316,#ea580c)}.claude-btn:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.chatgpt-btn{background:linear-gradient(135deg,#10b981,#059669)}.chatgpt-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.gemini-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.gemini-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#1f2937}@media (max-width: 768px){.highlighted-prompt-generator{padding:14px 16px;margin:0}.highlighted-prompt-btn{padding:8px 16px;font-size:.8rem}.btn-text{font-size:.75rem}.prompt-controls{grid-template-columns:1fr;gap:12px}.prompt-actions{flex-direction:column;gap:16px;align-items:stretch}.action-buttons{flex-direction:column;gap:12px}.action-buttons-left,.action-buttons-right{justify-content:center}.highlighted-prompt-content{max-height:90vh;margin:10px}.prompt-benefits{justify-content:center}}@media (max-width: 480px){.highlighted-prompt-generator{padding:12px 14px}.highlighted-prompt-btn{padding:8px 12px;font-size:.75rem}.btn-text{font-size:.7rem}.prompt-modal-header{padding:16px 16px 12px}.prompt-controls,.prompt-preview{padding:12px 16px}.prompt-actions{padding:12px 16px 16px}.action-buttons-left,.action-buttons-right{flex-wrap:wrap;gap:8px}.copy-btn,.ai-btn{flex:1;min-width:0;text-align:center}}
