:root {
      --pw-drop-main: #7c3aed;
      --pw-drop-hover: #6d28d9;
      --pw-drop-bg: #faf5ff;
      --pw-drop-bg-hover: #f3e8ff;
      --pw-drop-border: #c4b5fd;
  }

  .pw-drop-max-w {
      max-width: 48rem;
  }

  .pw-drop-zone {
      border: 2px dashed var(--pw-drop-border);
      background-color: var(--pw-drop-bg);
      transition: all 0.2s ease-in-out;
      cursor: pointer;
      border-radius: 1rem;
  }

  .pw-drop-zone:hover {
      background-color: var(--pw-drop-bg-hover);
  }

  .pw-drop-active {
      border-color: var(--pw-drop-main) !important;
      background-color: var(--pw-drop-bg-hover) !important;
  }

  .pw-drop-text-main {
      color: var(--pw-drop-main);
  }

  .pw-drop-btn-replace {
      color: var(--pw-drop-main);
      font-weight: 600;
      font-size: 15px;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 4px;
      padding: 0.25rem 0.5rem;
      border-radius: 0.25rem;
      background: transparent;
      border: none;
      transition: color 0.2s;
  }

  .pw-drop-btn-replace:hover {
      color: var(--pw-drop-hover);
  }

  .pw-drop-btn-replace:focus {
      outline: none;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--pw-drop-main);
  }

  /* Class baru untuk link nama file */
  .pw-drop-file-link {
      transition: color 0.2s;
      cursor: pointer;
  }

  .pw-drop-file-link:hover {
      color: var(--pw-drop-main) !important;
      text-decoration: underline !important;
  }

  .pw-drop-title {
      font-size: 14px;
  }

  .pw-drop-description {
      font-size: 12px;
  }