*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f0ff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button,input,textarea{font-family:inherit}textarea{line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background-color:#0000000d;border-radius:8px}::-webkit-scrollbar-thumb{background-color:#8a2be24d;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#8a2be280}.app{background-color:#f5f0ff;min-height:100vh}.app,.main-content{display:flex;flex-direction:column}.main-content{align-items:center;flex:1 1;margin:0 auto;max-width:1240px;padding:20px 30px 40px;width:100%}.app-intro{margin:20px 0 30px;text-align:center}.app-title{color:#6a3de8;font-size:2.2rem;font-weight:700;margin:0 0 8px}.app-description{color:#555;font-size:1.1rem;font-weight:400;margin:0}.content-panels{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:center;width:100%}@media (max-width:1240px){.content-panels{align-items:center;flex-direction:column;gap:20px}.generate-button{margin:15px 0}.app-title{font-size:1.8rem}.app-description{font-size:.9rem}}.panel{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;height:800px;overflow:hidden;transition:box-shadow .3s ease;width:600px}.panel:hover{box-shadow:0 15px 35px #0000001a}.app-footer{background-color:#673ab7;color:#ffffffe6;font-size:.9rem;margin-top:auto;padding:16px;text-align:center}.loading-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.loading-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:350px;padding:30px 40px;text-align:center}.loading-content p{color:#444;font-size:1rem;margin:15px 0 0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #7c4dff33;border-radius:50%;border-top-color:#7c4dff;display:inline-block;height:40px;width:40px}.app-header{background:linear-gradient(135deg,#7e57c2,#9c27b0);box-shadow:0 4px 12px #0000001a;color:#fff;padding:20px 40px;width:100%}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1800px}.logo-container h1{font-size:2.2rem;font-weight:700;letter-spacing:1px;margin:0}.subtitle{font-size:1rem;margin:5px 0 0;opacity:.9}.header-features{display:flex;gap:30px}.feature{align-items:center;display:flex;gap:8px}.feature-icon{font-size:1.5rem}.feature-text{font-size:1rem;font-weight:500}.input-panel{background-color:#f8f5ff;border-radius:12px 0 0 12px;border-right:1px solid #7c4dff33;box-shadow:0 8px 16px #0000000d;overflow:hidden}.input-group{margin-bottom:12px;overflow-y:hidden;padding:0 16px}.input-field,.input-group{display:flex;flex:1 1;flex-direction:column}.single-textarea{background-color:#fff;border:1px solid #e0d8f0;border-radius:8px;box-shadow:inset 0 2px 6px #0000000d;flex:1 1;font-size:.9rem;line-height:1.5;min-height:100px;padding:12px;resize:none;transition:border-color .2s}.single-textarea:focus{border-color:#9c6eff;box-shadow:0 0 0 2px #9c6eff1a;outline:none}.single-textarea::placeholder{color:#aaa;font-size:.85rem;line-height:1.6;opacity:.8}.input-field label{color:#444;font-size:.95rem;font-weight:500;margin-bottom:6px}.optional{color:#888;font-size:.8rem;font-weight:400}.input-field textarea{background-color:#fff;border:1px solid #e0d8f0;border-radius:8px;font-size:.95rem;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s}.input-field textarea:focus{border-color:#9c6eff;box-shadow:0 0 0 2px #9c6eff1a;outline:none}.options-group{background-color:#f3efff;border-radius:8px;margin:0 16px 16px;padding:12px}.option-row{display:flex;gap:20px;margin-bottom:12px}.option-set{display:flex;flex:1 1;flex-direction:column}.option-label{color:#444;font-size:.85rem;font-weight:500;margin-bottom:6px}.option-controls{display:flex;gap:16px}.checkbox-label,.radio-label{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:6px}.checkbox-label input,.radio-label input{accent-color:#7c4dff;height:14px;width:14px}.theme-option{display:flex;flex-direction:column}.theme-input{background-color:#fff;border:1px solid #e0d8f0;border-radius:6px;font-size:.85rem;padding:8px}.theme-input:focus{border-color:#9c6eff;box-shadow:0 0 0 2px #9c6eff1a;outline:none}.output-panel{background-color:#f8f5ff;border-left:1px solid #7c4dff33;border-radius:0 12px 12px 0;box-shadow:0 8px 16px #0000000d;display:flex;flex-direction:column}.panel-header{border-bottom:1px solid #7c4dff1a;margin-bottom:12px;padding:12px 16px}.panel-header h2{color:#6a3de8;font-size:1.3rem;font-weight:600;margin:0 0 4px}.panel-description{color:#666;font-size:.85rem;margin:0}.output-content{display:flex;flex:1 1;margin:0 16px 12px;overflow:hidden}.output-display{background-color:#fff;border:1px solid #e0d8f0;border-radius:8px;color:#333;flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;font-weight:700;line-height:1.5;margin:0;min-height:100px;overflow-y:auto;padding:12px;resize:none;white-space:pre-wrap}.output-display:focus{border-color:#9c6eff;box-shadow:0 0 0 2px #9c6eff1a;outline:none}.output-actions{justify-content:space-between;margin-top:-10px;padding:0 16px 16px}.action-button,.output-actions{align-items:center;display:flex}.action-button{background-color:#7c4dff;border:none;border-radius:6px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;gap:6px;padding:8px 14px;transition:background-color .2s,transform .1s,box-shadow .2s}.action-button:hover{background-color:#6a3de8;box-shadow:0 4px 8px #00000026}.action-button:active{transform:translateY(1px)}.button-icon{font-size:1rem}.disclaimer-text{color:#666;font-size:.8rem;font-weight:400;padding:0 16px 8px;text-align:center}.generate-button{align-items:center;background:linear-gradient(135deg,#9c27b0,#673ab7);border:none;border-radius:10px;box-shadow:0 4px 12px #8a2be240;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.generate-button:hover{background:linear-gradient(135deg,#b228cc,#7540da);box-shadow:0 6px 15px #8a2be259;transform:translateY(-2px)}.generate-button:active{box-shadow:0 2px 8px #8a2be233;transform:translateY(1px)}.generate-button.disabled,.generate-button:disabled{box-shadow:0 4px 12px #8a2be240;cursor:not-allowed;opacity:.6;transform:none}.button-icon{font-size:1.2rem}.generate-button.loading{cursor:not-allowed;opacity:.8}.loader{animation:spin 1s ease infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;margin-right:8px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e97bc22e.css.map*/