.modal-overlay.svelte-pkg1ps {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    padding: 1rem;
  }

  .modal-content.svelte-pkg1ps {
    background: var(--bg-surface);
    border-radius: 12px;
    max-width: 480px;
    width: 100%;
    padding: 1.5rem;
    max-height: 90vh;
    overflow-y: auto;
  }

  .modal-title.svelte-pkg1ps {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 1.25rem 0;
  }

  .form-container.svelte-pkg1ps {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  /* Avatar Section */
  .avatar-section.svelte-pkg1ps {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }

  .avatar-upload.svelte-pkg1ps {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    background: var(--bg-base);
    border: 2px dashed var(--border-default);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    overflow: hidden;
    position: relative;
  }

  .avatar-upload.svelte-pkg1ps:hover {
    border-color: var(--accent);
  }

  .avatar-upload.svelte-pkg1ps img:where(.svelte-pkg1ps) {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .avatar-overlay.svelte-pkg1ps {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.75rem;
    opacity: 0;
    transition: opacity 0.15s;
  }

  .avatar-upload.svelte-pkg1ps:hover .avatar-overlay:where(.svelte-pkg1ps) {
    opacity: 1;
  }

  .upload-icon.svelte-pkg1ps {
    font-size: 1.5rem;
  }

  .upload-text.svelte-pkg1ps {
    font-size: 0.625rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
  }

  .processing.svelte-pkg1ps {
    color: var(--text-muted);
  }

  .remove-avatar.svelte-pkg1ps {
    background: none;
    border: none;
    font-size: 0.6875rem;
    color: var(--error);
    cursor: pointer;
  }

  /* Fields */
  .field.svelte-pkg1ps {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
  }

  .field.svelte-pkg1ps label:where(.svelte-pkg1ps) {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-primary);
  }

  .field.svelte-pkg1ps input:where(.svelte-pkg1ps),
  .field.svelte-pkg1ps textarea:where(.svelte-pkg1ps) {
    padding: 0.625rem 0.75rem;
    background: var(--bg-base);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    color: var(--text-primary);
    font-size: 0.875rem;
    font-family: inherit;
    transition: border-color 0.15s;
  }

  .field.svelte-pkg1ps input:where(.svelte-pkg1ps):focus,
  .field.svelte-pkg1ps textarea:where(.svelte-pkg1ps):focus {
    outline: none;
    border-color: var(--accent);
  }

  .field.svelte-pkg1ps textarea:where(.svelte-pkg1ps) {
    resize: none;
  }

  .hint.svelte-pkg1ps {
    font-size: 0.6875rem;
    color: var(--text-faint);
  }

  /* Slug Input */
  .slug-input.svelte-pkg1ps {
    display: flex;
    align-items: center;
    background: var(--bg-base);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    overflow: hidden;
  }

  .slug-input.svelte-pkg1ps .prefix:where(.svelte-pkg1ps) {
    padding: 0.625rem 0.5rem 0.625rem 0.75rem;
    font-size: 0.75rem;
    color: var(--text-muted);
    white-space: nowrap;
  }

  .slug-input.svelte-pkg1ps input:where(.svelte-pkg1ps) {
    border: none;
    padding-left: 0;
    flex: 1;
  }

  /* Type Options */
  .type-options.svelte-pkg1ps {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .type-option.svelte-pkg1ps {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.75rem;
    background: var(--bg-base);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    text-align: left;
  }

  .type-option.svelte-pkg1ps:hover {
    background: var(--bg-elevated);
  }

  .type-option.selected.svelte-pkg1ps {
    border-color: var(--accent);
    background: var(--accent-muted);
  }

  .type-label.svelte-pkg1ps {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-primary);
  }

  .type-desc.svelte-pkg1ps {
    font-size: 0.6875rem;
    color: var(--text-muted);
  }

  /* Error */
  .error-message.svelte-pkg1ps {
    padding: 0.75rem;
    background: var(--error-muted);
    border-radius: 8px;
    font-size: 0.8125rem;
    color: var(--error);
  }

  /* Actions */
  .form-actions.svelte-pkg1ps {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.5rem;
  }

  .btn-primary.svelte-pkg1ps,
  .btn-secondary.svelte-pkg1ps {
    flex: 1;
    padding: 0.625rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
  }

  .btn-primary.svelte-pkg1ps {
    background: rgba(94, 234, 212, 0.12);
    border: 1px solid rgba(94, 234, 212, 0.25);
    color: var(--accent);
  }

  .btn-primary.svelte-pkg1ps:hover:not(:disabled) {
    background: rgba(94, 234, 212, 0.2);
    border-color: rgba(94, 234, 212, 0.4);
  }

  .btn-primary.svelte-pkg1ps:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .btn-secondary.svelte-pkg1ps {
    background: transparent;
    border: 1px solid var(--border-default);
    color: var(--text-secondary);
  }

  .btn-secondary.svelte-pkg1ps:hover {
    background: var(--bg-elevated);
  }

  .full-width.svelte-pkg1ps {
    flex: none;
    width: 100%;
  }

  /* Success State */
  .success-container.svelte-pkg1ps {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .success-card.svelte-pkg1ps {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem;
    background: var(--success-muted);
    border-radius: 10px;
  }

  .success-avatar.svelte-pkg1ps,
  .success-avatar-fallback.svelte-pkg1ps {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    object-fit: cover;
  }

  .success-avatar-fallback.svelte-pkg1ps {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-elevated);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--success);
  }

  .success-info.svelte-pkg1ps {
    flex: 1;
  }

  .success-name.svelte-pkg1ps {
    font-weight: 600;
    color: var(--success);
    margin: 0;
  }

  .success-desc.svelte-pkg1ps {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    margin: 0.25rem 0 0 0;
  }

  .invite-row.svelte-pkg1ps {
    display: flex;
    gap: 0.5rem;
  }

  .invite-input.svelte-pkg1ps {
    flex: 1;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    font-size: 0.75rem;
  }