.fields {
       display: flex;
       gap: 12px;
       padding: 20px;
   }

   .field {
       flex: 1;
   }

   label {
       font-size: 14px;
       margin-bottom: 6px;
       display: block;
       font-weight: bold;
   }

   input,
   select,
   textarea {
       padding: 10px;
       font-size: 16px;
       width: 100%;
       margin-top: 5px;
       box-sizing: border-box;
       border: 1px solid #ccc;
       border-radius: 5px;
   }

   input:focus,
   select:focus {
       border-color: #000a14;
       outline: none;
       box-shadow: 0 0 5px rgba(0, 29, 60, 0.5);
   }

   /* ✅ BUTTON CONTAINER */
   .btns {
       text-align: right;
       padding: 0 20px 20px;
   }

   /* ✅ YOUR BUTTON STYLE */
   .app {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       padding: 12px 22px;
       border: none;
       border-radius: 4px;
       background: linear-gradient(135deg, #0a3d62, #07517d);
       color: #fff;
       font-weight: 600;
       font-size: 14px;
       cursor: pointer;
       position: relative;
       overflow: hidden;
       transition: all 0.35s ease;
       box-shadow: 0 6px 18px rgba(78, 78, 78, 0.25);
   }

   .app:hover {
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
       background: linear-gradient(135deg, #07517d, #0a3d62);
   }

   .app .iconn {
       transition: 0.35s;
   }

   .app:hover .iconn {
       transform: translateX(6px);
   }

   .app:active {
       transform: scale(0.96);
   }

   .app::before {
       content: "";
       position: absolute;
       top: 0;
       left: -75%;
       width: 50%;
       height: 100%;
       background: rgba(255, 255, 255, 0.2);
       transform: skewX(-20deg);
       transition: 0.6s;
   }

   .app:hover::before {
       left: 120%;
   }

   .output {
       padding: 20px;
       margin:0px 20px;
       background: #f9f9f9;
       border: 1px solid #eee;
         border-radius: 5px;
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
       position: relative;
       display: none;
   }

   .copy {
       position: absolute;
       right: 20px;
       top: 20px;
       display: none;
       margin-top: 10px;
       padding: 5px 10px;
       background: #07517d;
       color: white;
       border: none;
       border-radius: 2px;
       font-size: 14px;
       cursor: pointer;
   }

   #result {
       font-size: 16px;
       color: #333;
       white-space: pre-wrap;
       max-width: 80%;
       line-height: 25px;
   }