body { font-family: Inter, sans-serif; }

    .tool-card {
      background: #fff;
      border: 1px solid #e5e7eb;
      border-radius: 0.75rem;
      padding: 1.5rem;
      box-shadow: 0 3px 12px rgba(0,0,0,.04);
    }

    .tab-btn {
      padding: 0.5rem 1rem;
      border-radius: 0.5rem;
      font-size: 0.8rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.15s;
      border: 1px solid #e5e7eb;
      background: #fff;
      color: #6b7280;
    }
    .tab-btn.active { background: #10b981; color: #fff; border-color: #10b981; }

    .tab-panel { display: none; }
    .tab-panel.active { display: block; }

    .result-box {
      background: #ecfdf5;
      border: 1px solid #a7f3d0;
      border-radius: 0.75rem;
      padding: 1.25rem;
    }

    .preset-btn {
      border: 1px solid #d1d5db;
      border-radius: 0.6rem;
      padding: 0.45rem 0.75rem;
      text-align: left;
      background: #fff;
      transition: all 0.15s ease;
      font-size: 0.72rem;
      line-height: 1.3;
      cursor: pointer;
    }
    .preset-btn:hover { background: #f0fdf4; border-color: #10b981; }

    .price-input {
      width: 90px;
      border: 1px solid #d1d5db;
      border-radius: 0.4rem;
      padding: 3px 6px;
      font-size: 0.75rem;
      text-align: right;
      outline: none;
    }
    .price-input:focus { border-color: #10b981; }

    .model-row { border-bottom: 1px solid #f3f4f6; }
    .model-row:last-child { border-bottom: none; }
    .model-row:hover { background: #f9fafb; }

    .token-badge {
      display: inline-block;
      background: #d1fae5;
      color: #065f46;
      font-size: 0.65rem;
      font-weight: 700;
      padding: 1px 7px;
      border-radius: 999px;
    }

    textarea { outline: none; resize: vertical; }
    select, input[type=number] { outline: none; }

    .updated-tag {
      display: inline-block;
      font-size: 0.65rem;
      background: #fef3c7;
      color: #92400e;
      padding: 1px 8px;
      border-radius: 999px;
      font-weight: 600;
    }