.library-auth-card.asset-gateway-card {
  width: min(590px, 100%);
  padding: 0 !important;
  overflow: hidden;
}

.asset-gateway {
  padding: 30px;
  color: var(--text, #f7f7f8);
}

.asset-gateway-icon {
  width: 44px;
  height: 44px;
  margin-bottom: 18px;
  display: grid;
  place-items: center;
  color: #b78aff;
  background: rgba(139, 61, 255, .14);
  border: 1px solid rgba(183, 138, 255, .28);
  border-radius: 11px;
}

.asset-gateway-icon svg { width: 23px; height: 23px; }
.asset-gateway .section-kicker { display: block; margin-bottom: 8px; color: #a76cff; }
.asset-gateway h2 { margin: 0; color: var(--text, #f7f7f8); font-size: 25px; line-height: 1.25; }
.asset-gateway-lead { margin: 10px 0 22px; color: var(--muted, #898991); font-size: 13px; line-height: 1.7; }

.asset-gateway-tabs {
  padding: 4px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  background: var(--panel-2, #111113);
  border: 1px solid var(--line, #242428);
  border-radius: 10px;
}

.asset-gateway-tabs button {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--muted, #898991);
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.asset-gateway-tabs button.active {
  color: #fff;
  border-color: rgba(139, 61, 255, .48);
  background: linear-gradient(135deg, #7c3aed, #9b4dff);
  box-shadow: 0 8px 24px rgba(124, 58, 237, .18);
}

.asset-gateway-form {
  margin-top: 20px;
  display: grid;
  gap: 15px;
}

.asset-gateway-form[hidden] { display: none !important; }
.asset-gateway-form label { display: grid; gap: 8px; text-align: left; }
.asset-gateway-form label > span { color: var(--text, #e9e7ee); font-size: 12px; font-weight: 700; }
.asset-gateway-form input {
  width: 100%;
  min-height: 44px;
  padding: 0 13px;
  color: var(--text, #f7f7f8);
  background: var(--panel-2, #111113);
  border: 1px solid var(--line-bright, #35353b);
  border-radius: 8px;
  outline: none;
  font-size: 14px;
}
.asset-gateway-form input:focus { border-color: #8b3dff; box-shadow: 0 0 0 3px rgba(139, 61, 255, .12); }
.asset-gateway-form input::placeholder { color: var(--dim, #606067); }

.asset-gateway-note,
.asset-gateway-warning {
  margin: -3px 0 0;
  padding: 10px 12px;
  border-radius: 7px;
  font-size: 11px;
  line-height: 1.55;
  text-align: left;
}
.asset-gateway-note { color: #9994a2; background: rgba(139, 61, 255, .06); border: 1px solid rgba(139, 61, 255, .17); }
.asset-gateway-warning { color: #d7b888; background: rgba(181, 120, 39, .08); border: 1px solid rgba(181, 120, 39, .22); }

.asset-gateway-submit {
  min-height: 44px;
  border: 1px solid #8b3dff;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #7c3aed, #9b4dff);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.asset-gateway-submit:hover:not(:disabled) { filter: brightness(1.08); }
.asset-gateway-submit:disabled { opacity: .65; cursor: wait; }

.asset-gateway-message {
  min-height: 20px;
  margin-top: 14px;
  color: var(--muted, #898991);
  font-size: 12px;
  line-height: 1.55;
  text-align: center;
}
.asset-gateway-message.error { color: #f29aaa; }
.asset-gateway-message.success { color: #48d597; }
.asset-gateway-message.working { color: #b78aff; }

[data-theme="light"] .asset-gateway { color: #1c1924; }
[data-theme="light"] .asset-gateway h2,
[data-theme="light"] .asset-gateway-form label > span { color: #211d28; }
[data-theme="light"] .asset-gateway-lead { color: #625d6c; }
[data-theme="light"] .asset-gateway-tabs { background: #f3f0f7; border-color: #d8d3df; }
[data-theme="light"] .asset-gateway-tabs button { color: #655f6e; }
[data-theme="light"] .asset-gateway-tabs button.active { color: #fff; }
[data-theme="light"] .asset-gateway-form input { color: #211d28; background: #fff; border-color: #cbc7d3; }
[data-theme="light"] .asset-gateway-note { color: #62556f; background: #f7f3fc; border-color: #d9c8ee; }
[data-theme="light"] .asset-gateway-warning { color: #76501c; background: #fff8ec; border-color: #ead2a9; }
[data-theme="light"] .asset-gateway-message.error { color: #b32647; }
[data-theme="light"] .asset-gateway-message.success { color: #087453; }

@media (max-width: 640px) {
  .asset-gateway { padding: 24px 18px; }
  .asset-gateway h2 { font-size: 22px; }
  .asset-gateway-tabs button { padding: 0 8px; font-size: 12px; }
}