.message-generator{max-width:800px;margin:0 auto;padding:30px;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;position:relative;z-index:1}.message-generator h2{color:#667eea;margin-bottom:30px;font-size:24px;text-align:center}.form-section{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-weight:600;color:#1e293b;font-size:14px}.input-group textarea,.input-group select{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.input-group textarea{min-height:100px;resize:vertical}.input-group textarea:focus,.input-group select:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 3px #667eea33}.input-group select option{background:#fff;color:#1e293b}.input-group textarea::placeholder{color:#ffffffb3}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer!important;transition:transform .2s,box-shadow .2s;margin-top:10px;position:relative;z-index:10;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;background:linear-gradient(135deg,#5568d3,#6a3d8f)}.generate-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.generate-btn:focus{outline:2px solid #667eea;outline-offset:2px}.generate-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.result-section{margin-top:40px;padding-top:30px;border-top:2px solid #e2e8f0}.result-section h3{color:#667eea;margin-bottom:20px;font-size:20px}.message-box{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea;border-radius:10px;padding:20px;margin-bottom:20px;font-size:16px;line-height:1.6;color:#fff;font-style:italic}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.actions button{background:#fff;border:2px solid #667eea;color:#667eea;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.actions button:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px #667eea4d}.tips{background:#fef3c7;border-left:4px solid #f59e0b;padding:15px;border-radius:8px;margin-top:20px}.tips p{margin:8px 0;color:#78350f;font-size:14px}.tips strong{font-weight:600}@media(max-width:768px){.message-generator{padding:20px}.actions{flex-direction:column}.actions button{width:100%}}