body{font-family:Arial,sans-serif;line-height:1.6;background:#f9f9f9 !important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.content-type-menu{width:100%;max-width:335px;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin:0 auto 1rem}.content-type-menu button{width:100%;text-align:left;padding:10px;border-bottom:1px solid #eee;background:none;color:#333;cursor:pointer;font-size:1rem}.content-type-menu button:hover{background:#e0e7f0}.content-type-menu button.active{background:#d1e7f7;font-weight:bold}main{padding:1.5rem 0}.text-center{text-align:center}.mb-6{margin-bottom:1.5rem}h1{font-size:1.5rem;font-weight:600;color:#374151}.text-gray-600{color:#4b5563}.mt-2{margin-top:0.5rem}.bg-white{background-color:#ffffff}.rounded-lg{border-radius:0.5rem}.shadow-lg{box-shadow:0 10px 15px rgba(0,0,0,0.1)}.p-6{padding:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.mb-4{margin-bottom:1rem}.w-full{width:100%}.note-editable.card-block{text-align:left !important}button{padding:0.5rem;border:none;border-radius:0.375rem;cursor:pointer}#generateBtn{background-color:#3f69eade;color:#ffffff;font-weight:600;width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;padding:0.75rem;margin:0 auto}#generateBtn:hover{background-color:#3F69EA}.regenerate-btn,.generated-btn{background-color:#3f69eade;color:#ffffff;font-weight:600;padding:0.5rem;width:100%;max-width:200px;margin:0.5rem}.regenerate-btn:hover,.generated-btn:hover{background-color:#3F69EA}.generated-btn{background-color:#2e2e2e}.generated-btn:hover{background-color:#444}svg{width:1.25rem;height:1.25rem;margin-right:0.5rem}.enter-content textarea{padding:0.75rem;border:1px solid #585858;border-radius:0.375rem;margin-bottom:0.5rem;width:100%;resize:vertical}.customize-options-reply textarea{padding:0.75rem;border:1px solid #585858;border-radius:0.375rem;margin-bottom:0.5rem;width:100%;resize:vertical}.erro-msg{display:none;color:#761b18;background-color:#f9d6d5;border:1px solid #f7c6c5;padding:0.5rem;border-radius:0.375rem;text-align:center}.generated-content{display:none;padding:1rem;border:1px solid #d1d5db;border-radius:0.375rem;margin-bottom:1rem}.generated-content textarea{width:100%;padding:0.75rem;border:none;resize:vertical}.input-section{display:block}.input-img img{max-width:100%;height:auto;max-height:8rem}@media (min-width:481px){.container{padding:0 20px}h1{font-size:1.875rem}.p-6{padding:1.5rem}.content-type-menu{max-width:400px}#generateBtn{width:50%}.input-img img{max-height:10rem}}@media (min-width:751px){main{padding:2rem 0}.md\:flex-row{flex-direction:row}.md\:mb-0{margin-bottom:0}.md\:mr-6{margin-right:1.5rem}.content-type-menu{max-width:300px}#generateBtn{width:100%;padding:0.75rem 1.5rem}.regenerate-btn,.generated-btn{width:auto}.flex{gap:1.5rem}}.convert-btn.loading .btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.convert-btn.loading .right-arrow{display:none}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.ad-card{background:#fff8dc;border:2px dashed #fbbf24;padding:20px;border-radius:12px;text-align:center;color:#92400e;margin-top:30px;font-size:16px}.cust-clk-text{cursor:pointer;margin-bottom:12px;color:white !important}.customize-options{display:none}.btn-group-custt,.btn-group-custt-common,.checkbox-group,.checkbox-group-common{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:5px}.btn-custt,.checkbox{padding:2px;margin:5px 0;border:1px solid #ccc;border-radius:5px;text-align:center;cursor:pointer;background:white;position:relative;min-width:170px;box-sizing:border-box}.checkbox{flex:1 1 calc(25% - 10px)}.checkbox input{display:none}.btn-custt.selected,.checkbox.selected{background-color:#e0e0e0;border-color:#999}.btn-custt.selected::after,.checkbox.selected::after{content:'✓';position:absolute;right:15px;color:#14ca0f;font-weight:600}.generate-btn{width:100%;padding:10px;background-color:#0066cc;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:20px}.generate-btn:hover{background-color:#005bb5}@media (max-width:600px){.btn-custt,.checkbox{flex:1 1 calc(50% - 10px);min-width:100px}}@media (min-width:601px) and (max-width:900px){.btn-custt,.checkbox{flex:1 1 calc(33.33% - 10px);min-width:100px}}.common-tone{display:none}.common-cta{display:none}.customize-options-reply{display:none}.customize-options-support{display:none}.customize-options-promotional{display:none}.customize-options-invitation{display:none}.customize-options-feedback{display:none}