.wrappet_main{width:100%}.meta-description-gen-container *{box-sizing:border-box}:root{--md-gen-primary-color:#4285f4;--md-gen-button-color:#34a853;--md-gen-button-hover-color:#2c8c45;--md-gen-text-color:#333;--md-gen-input-background:#fff;--md-gen-border-color:#ccc;--md-gen-error-color:#d93025;--md-gen-success-color:#188038}.meta-description-gen-container{background-color:var(--md-gen-input-background);padding:30px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:600px;width:100%;margin:0 auto 20px auto}.meta-description-gen-container .form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600}input[type=text],textarea{width:100%;padding:10px 12px;border:1px solid var(--md-gen-border-color);border-radius:4px;font-size:16px;resize:vertical;background-color:var(--md-gen-input-background);color:var(--md-gen-text-color)}input[type=text]:focus,textarea:focus{border-color:var(--md-gen-primary-color);outline:none;box-shadow:0 0 5px rgba(66,133,244,.5)}.meta-description-gen-container .buttons{display:flex;justify-content:space-between;align-items:center}.meta-description-gen-container .btn{padding:10px 20px;background-color:var(--md-gen-button-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;display:flex;align-items:center}.meta-description-gen-container .btn:hover{background-color:var(--md-gen-button-hover-color)}.meta-description-gen-container .buttons .btn:hover,.meta-description-gen-container .buttons .btn:active,.meta-description-gen-container .buttons .btn:focus{text-decoration:none}.meta-description-gen-container .btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.meta-description-gen-container .copy-btn{background-color:#fbbc05;margin-left:10px}.meta-description-gen-container .copy-btn:hover{background-color:#e0a800}.output-group{margin-top:20px}.output-group textarea{height:100px}.meta-description-gen-container .message{margin-top:10px;font-size:14px}.meta-description-gen-container .message.error{color:var(--md-gen-error-color)}.meta-description-gen-container .message.success{color:var(--md-gen-success-color)}@media (max-width:600px){.meta-description-gen-container .buttons{flex-direction:column;gap:10px}.meta-description-gen-container .copy-btn{margin-left:0}}