*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh}.header{align-items:center;background:#2563eb;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.logo{font-size:1.8rem;font-weight:700}.nav-links{display:flex;gap:1.5rem;margin-left:auto}.nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.8}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.btn-outline{background:#0000;border:1px solid #fff;color:#fff}.btn-primary{background:#ff6b6b;color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-success{background:#28a745;color:#fff}.btn-large{font-size:1rem;padding:.75rem 1.5rem}.ad-banner{align-items:center;background-color:#e9ecef;border:2px dashed #adb5bd;border-radius:8px;color:#6c757d;display:flex;font-weight:500;height:90px;justify-content:center;margin:1rem 2rem}.main-content{display:flex;flex:1 1;gap:1.5rem;padding:0 2rem}.ad-sidebar{align-items:center;background-color:#e9ecef;border:2px dashed #adb5bd;border-radius:8px;color:#6c757d;display:flex;font-weight:500;justify-content:center;text-orientation:mixed;width:160px;writing-mode:vertical-rl}.content-center{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;flex:1 1;padding:2rem}.section-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}label{color:#4a5568;display:block;font-weight:500;margin-bottom:.5rem}input[type=text],select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}input[type=text]:focus,select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.topics-container{margin-bottom:1.5rem}.topics-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.topic-tag{background:#edf2f7;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;flex-shrink:0;font-size:.9rem;padding:.5rem 1rem;text-align:center;transition:all .3s;white-space:nowrap}.topic-tag:hover{background:#e2e8f0;transform:translateY(-2px)}.topic-tag.selected{background:#4299e1;border-color:#4299e1;color:#fff}.prompt-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;min-height:150px;padding:1rem}.prompt-text{color:#4a5568;font-size:1rem;line-height:1.5}.prompt-text.placeholder{color:#a0aec0;font-style:italic}.loading-text{color:#667eea;gap:.5rem}.loading-text:after{animation:spin 1s linear infinite;border:2px solid #667eea;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:16px;width:16px}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:15px}.footer{background:#2d3748;color:#fff;margin-top:2rem;padding:2rem}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#cbd5e0;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.copyright{color:#a0aec0;font-size:.9rem}.ad-footer{align-items:center;background-color:#4a5568;border:2px dashed #718096;border-radius:8px;color:#cbd5e0;display:flex;font-weight:500;height:90px;justify-content:center;margin-top:1.5rem}@media (max-width:768px){.main-content{flex-direction:column;padding:1rem}.ad-sidebar{height:90px;text-orientation:mixed;width:100%;writing-mode:initial}.header{flex-direction:column;gap:1rem;text-align:center}.nav-links{justify-content:center;margin-left:0}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.action-buttons{justify-content:center}.footer-content{flex-direction:column;gap:1rem;text-align:center}}.section-subtitle{color:#6b7280;font-size:1.1rem;margin-bottom:2rem;text-align:center}.prompt-builder-form{max-width:100%}.form-section{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.required:after{color:#ef4444;content:" *"}.prompt-type-selector{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.prompt-type-selector:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.role-context-container{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 2fr}.role-selector{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s}.role-selector:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.core-task-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s}.core-task-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.predefined-tags-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.tags-description{color:#64748b;font-size:.9rem;margin:.5rem 0 1rem}.tags-grid{display:flex;flex-wrap:wrap;gap:.75rem}.tag-button{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.tag-button:hover{background:#f1f5f9;border-color:#cbd5e1}.tag-button.selected{background:#2563eb;border-color:#2563eb;color:#fff}.tag-button:disabled{cursor:not-allowed;opacity:.5}.prompt-text-area{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;line-height:1.5;min-height:150px;padding:1rem;resize:vertical;transition:border-color .2s;width:100%}.prompt-text-area:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.character-counter{color:#6b7280;font-size:.8rem;margin-top:.5rem;text-align:right}.advanced-settings{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.advanced-toggle{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:1rem;text-align:left;transition:background-color .2s;width:100%}.advanced-toggle:hover{background:#f1f5f9}.advanced-content{border-top:1px solid #e2e8f0;padding:1rem}.advanced-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.slider{appearance:none;background:#e2e8f0;border-radius:3px;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{appearance:none;background:#2563eb;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#2563eb;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider-value{color:#2563eb;display:inline-block;font-weight:600;margin-left:.5rem}.generate-btn{min-width:180px;position:relative}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:16px;margin-right:.5rem;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.output-section{border-top:2px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.output-group{margin-bottom:2rem}.output-group label{color:#1f2937;display:block;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.output-box{background:#fff;border:2px solid #e5e7eb;border-radius:8px;max-height:400px;min-height:100px;overflow-y:auto;padding:1.5rem}.generated-prompt{background:#f8fafc;border-color:#d1d5db}.prompt-result{color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.6;white-space:pre-wrap}.ai-result{background:#fefce8;border-color:#facc15}.result-content{line-height:1.6;white-space:pre-wrap}.loading-text{align-items:center;color:#6b7280;display:flex;font-style:italic;justify-content:center}.output-actions{display:flex;gap:1rem;margin-top:1rem}@media (max-width:768px){.advanced-grid,.role-context-container{grid-template-columns:1fr}.tags-grid{gap:.5rem}.tag-button{font-size:.8rem;padding:.4rem .8rem}.output-actions{flex-direction:column}}
/*# sourceMappingURL=main.32a2260b.css.map*/