.elementor-47972 .elementor-element.elementor-element-b16f4c2{--display:flex;}/* Start custom CSS for html, class: .elementor-element-a3f4ff4 */body {
      font-family: "Segoe UI", sans-serif;
      margin: 0;
      background: #f2f4f7;
    }

    .container {
      max-width: 80%;
      margin: auto;
      background: white;
      padding: 30px;
      border-radius: 16px;
      box-shadow: 0 12px 24px rgba(0,0,0,0.08);
    }

    h1 {
      text-align: center;
      margin-bottom: 30px;
      color: #333;
    }

    h2 {
      margin-top: 30px;
      color: #1a1a1a;
    }

    .description {
      font-size: 0.95em;
      color: #555;
      margin-bottom: 15px;
      line-height: 1.5;
    }

    textarea {
      width: 95%;
      padding: 15px;
      font-size: 1em;
      border: 1px solid #ccc;
      border-radius: 10px;
      resize: vertical;
      margin-bottom: 10px;
    }

    input {
      width: 95%;
      padding: 15px;
      font-size: 1em;
      border: 1px solid #ccc;
      border-radius: 10px;
      resize: vertical;
      margin-bottom: 10px;
    }

    .info {
      font-size: 0.95em;
      font-weight: 500;
      margin-bottom: 10px;
    }

    .ok {
      color: green;
    }
    .warning {
      color: orange;
    }
    .error {
      color: red;
    }

    .snippet {
      background: #f8f9fa;
      border: 1px solid #dcdcdc;
      padding: 20px;
      border-radius: 10px;
      margin-top: 20px;
    }

    .snippet-title {
      color: #1a0dab;
      font-size: 1.2em;
      margin-bottom: 5px;
    }

    .snippet-url {
      color: #006621;
      font-size: 0.95em;
      margin-bottom: 8px;
      word-break: break-all;
    }

    .snippet-desc {
      color: #545454;
      font-size: 0.95em;
    }

    @media (max-width: 768px) {
    input, textarea {
      width: 95%;
      padding: 15px;
      font-size: 1em;
      border: 1px solid #ccc;
      border-radius: 10px;
      resize: vertical;
      margin-bottom: 10px;
    }/* End custom CSS */