.elementor-1486 .elementor-element.elementor-element-25673fa{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-915e0ed */body {
      background: #f3f0e1;
      margin: 0;
      padding: 2rem;
      font-family: sans-serif;
    }

    .container {
      max-width: 800px;
      margin: auto;
      padding: 2rem;
      background: radial-gradient(circle at bottom, #f8f5e6, #e4dbc4);
      border: 4px solid black;
      border-radius: 10px;
      text-align: center;
    }

    textarea,
    input[type="text"] {
      width: 80%;
      padding: 10px;
      margin: 10px 0;
      border: 2px solid black;
      border-radius: 5px;
      font-size: 1rem;
    }

    .button {
      display: block;
      margin: 10px auto;
      background: transparent;
      color: black;
      border: 2px solid black;
      padding: 12px 24px;
      font-size: 1.1rem;
      border-radius: 5px;
      cursor: pointer;
      transition: all 0.2s ease-in-out;
    }

    .button:hover {
      background-color: black;
      color: white;
    }

    #result {
      text-align: left;
      background: #fff;
      border: 1px solid #ccc;
      padding: 1rem;
      border-radius: 5px;
      white-space: pre-wrap;
      word-wrap: break-word;
      margin-top: 1rem;
    }

    .disclaimer {
      font-size: 0.9rem;
      color: #444;
      margin-top: 1.5rem;
      background: #f9f9f9;
      padding: 1rem;
      border-left: 4px solid black;
    }

    label {
      display: block;
      margin: 10px 0 5px;
      font-weight: bold;
    }/* End custom CSS */