.converter {
          max-width: 700px;
          margin: 0 auto 40px auto;
        }

        .copy {
          font-size: 14px;
          color: #555;
          margin-bottom: 5px;
          display: flex;
          align-items: center;
          gap: 6px;
        }

        .row-layout {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          gap: 8px;
          margin-bottom: 20px;
        }

        .regen-button {
          width: 150px;
          padding: 5px;
          font-size: 18px;
          text-align: center;
          border: 2px solid #d7e2fa;
          border-radius: 6px;
          background: #fff;
          cursor: pointer;
        }

        .discount-btn.active {
          background: #4caf50;
          color: white;
        }

        .tip-grid {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 10px;
          margin-bottom: 10px;
        }

        .result-layout {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          flex-wrap: wrap;
          margin-bottom: 20px;
          flex-direction: row;
        }

        .result-label {
          width: 130px;
          font-weight: bold;
          text-align: right;
        }

        .result-row {
          display: flex;
          align-items: center;
          justify-content: space-between;
          border: 2px solid #4caf50;
          border-radius: 6px;
          background: #f1f8e9;
          padding: 8px;
          color: #2e7d32;
          font-size: 16px;
          width: 240px;
          position: relative;
          gap: 8px;
        }

        .copy-button {
          padding: 6px 10px;
          font-size: 13px;
          cursor: pointer;
          background: #eeeeee;
          border: 2px solid #cccccc;
          border-radius: 6px;
        }

        .copied-msg {
          position: absolute;
          right: 80px;
          top: 50%;
          transform: translateY(-50%);
          font-size: 12px;
          color: #4caf50;
          opacity: 0;
          transition: opacity 0.3s ease-in-out;
        }

        .copied-msg.visible {
          opacity: 1;
        }

        @media (max-width: 500px) {
          .result-layout {
            flex-direction: column;
            align-items: center;
          }

          .result-label {
            width: auto;
            text-align: center;
          }
        }