:root{--primary:#25d366;--primary-dark:#075e54;--secondary:#333;--white:#fff;--light:#f8f9fa;--gray:#6c757d;--shadow:0 4px 15px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease}.tool-section{background-color:var(--white);width:100%;box-sizing:border-box}.generator-container{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;align-items:flex-start;padding-bottom:40px}.generator-card{background-color:var(--light);border-radius:15px;padding:30px;box-shadow:var(--shadow);width:100%;max-width:600px;transition:var(--transition);border:1px solid #e0e0e0}.form-group{margin-bottom:25px;text-align:left}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--secondary);font-size:.95em}.input-field{width:calc(100% - 30px);padding:15px;border:1px solid #ccc;border-radius:8px;font-size:16px;transition:var(--transition);box-sizing:border-box}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,211,102,.2);outline:none}small{display:block;margin-top:5px;color:var(--gray);font-size:.9em}.emoji-toggle{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#e9ecef;padding:12px;border-radius:8px;cursor:pointer;margin-bottom:20px;transition:var(--transition);font-weight:500;color:var(--secondary)}.emoji-toggle:hover{background-color:#dee2e6}.emoji-toggle i{font-size:1.2em;color:var(--primary)}.emoji-section{margin-top:20px;max-height:0;overflow:hidden;transition:max-height 0.5s ease;background-color:#f0f0f0;border-radius:8px;padding:0 10px}.emoji-section.active{padding:10px}.emoji-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px;max-height:250px;overflow-y:auto}.emoji-btn{font-size:24px;background:none;border:none;cursor:pointer;transition:transform 0.2s ease,background-color 0.2s ease;padding:5px;border-radius:5px}.emoji-btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.btn{display:block;width:100%;padding:15px 30px;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:var(--transition);text-align:center;text-decoration:none;margin-top:15px}.btn-primary{background-color:var(--primary);color:var(--white);border:2px solid var(--primary);box-shadow:0 4px 10px rgba(37,211,102,.3)}.btn-primary:hover{background-color:#209d4e;border-color:#209d4e;box-shadow:0 6px 12px rgba(37,211,102,.4)}.btn-secondary{background-color:var(--white);color:var(--primary);border:2px solid var(--primary);margin-top:10px}.btn-secondary:hover{background-color:var(--primary);color:var(--white)}.result-container{margin-top:30px;display:none;border-top:1px solid #e0e0e0;padding-top:25px}.result-box{background-color:#e6ffed;border:1px solid var(--primary);border-radius:8px;padding:15px;margin-bottom:20px;word-break:break-all;font-size:1.1em;color:#075e54;font-weight:500;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.mobile-preview{background-color:var(--white);border-radius:30px;width:280px;height:450px;position:sticky;top:40px;overflow:hidden;border:10px solid #111;transition:var(--transition);display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.2)}.mobile-screen{background-color:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239C92AC' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");flex-grow:1;border-radius:20px;display:flex;flex-direction:column;transition:all 0.5s ease;padding:10px;box-sizing:border-box}.mobile-header{background-color:var(--primary-dark);color:#fff;padding:10px;border-radius:10px 10px 0 0;text-align:center;font-weight:700;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mobile-header .fas{font-size:1.1em}.contact-info{display:flex;align-items:center;gap:8px;flex-grow:1;justify-content:center}.contact-info .fas{font-size:1.5em}.contact-number{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.mobile-message{background-color:var(--white);padding:10px 15px;border-radius:10px;margin-bottom:10px;max-width:80%;align-self:flex-start;box-shadow:0 1px 1px rgba(0,0,0,.1);position:relative;opacity:0;transform:translateY(20px);transition:all 0.3s ease;word-wrap:break-word;color:#333}.mobile-message.show{opacity:1;transform:translateY(0)}.mobile-message::after{content:'';position:absolute;left:-10px;top:10px;width:0;height:0;border:10px solid transparent;border-right-color:var(--white);border-left:0}.mobile-input{background-color:var(--white);border-radius:20px;padding:10px 15px;margin-top:auto;display:flex;align-items:center;box-shadow:0 -1px 5px rgba(0,0,0,.05);flex-shrink:0}.mobile-input span{color:var(--gray);margin-right:10px;font-size:.9em}.fa,.fas,.far{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fas{font-weight:900}.far{font-weight:400}.fa-face-smile:before,.fa-smile:before{content:"\f118"}.fa-chevron-left:before{content:"\f053"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}@media (max-width:768px){.generator-container{flex-direction:column;align-items:center;gap:25px}.mobile-preview{position:relative;top:auto;margin-top:30px;width:90%;max-width:300px;height:500px}.generator-card{padding:25px 30px}.btn{padding:12px 20px;font-size:16px}}