:root{
  --orbix-caterpillar:#ffcd11;
  --orbix-purple:#8b3dff;
  --orbix-magenta:#ff4df0;
  --orbix-cyan:#00e5ff;
  --orbix-matrix:#00ff88;
  --orbix-dark:#05050b;
}

/* Preview default premium: reemplaza círculo/triángulo por retrato */
body:not(.orbix-has-upload) .orbix-preview,
body:not(.orbix-has-upload) [data-orbix-preview],
body:not(.orbix-has-upload) .orbix-video-preview,
body:not(.orbix-has-upload) .orbix-visual-preview{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0) 58%, rgba(0,0,0,.62) 100%),
    url('/assets/orbix-default-avatar.jpg'),
    url('/assets/orbix-default-avatar.svg') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}

/* Quita elementos abstractos viejos */
body:not(.orbix-has-upload) .orbix-preview > svg,
body:not(.orbix-has-upload) .orbix-preview .orbix-orb,
body:not(.orbix-has-upload) .orbix-preview .orbix-play,
body:not(.orbix-has-upload) .orbix-preview .play,
body:not(.orbix-has-upload) .orbix-preview .play-triangle,
body:not(.orbix-has-upload) .orbix-preview .preview-orb,
body:not(.orbix-has-upload) .orbix-preview .preview-circle,
body:not(.orbix-has-upload) .orbix-preview .placeholder-orb{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.orbix-preview,
[data-orbix-preview],
.orbix-video-preview,
.orbix-visual-preview{
  overflow:hidden !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.42),
    0 0 0 1px rgba(0,229,255,.06) inset !important;
}

/* Panel inferior más legible */
.orbix-preview [class*="caption"],
.orbix-preview [class*="overlay"],
.orbix-preview-card [class*="caption"],
.orbix-preview-card [class*="overlay"]{
  backdrop-filter:blur(16px) !important;
  background:rgba(0,0,0,.58) !important;
  border:1px solid rgba(255,255,255,.13) !important;
}

/* Mejoras del bloque upload */
[data-orbix-upload]{
  border-color:rgba(255,255,255,.24) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(0,229,255,.08), transparent 40%),
    rgba(255,255,255,.045) !important;
}

[data-orbix-upload]:hover{
  border-color:rgba(255,205,17,.55) !important;
  box-shadow:0 0 34px rgba(255,205,17,.12) !important;
}

/* Botones */
.orbix-btn.yellow,
a.orbix-btn.yellow,
button.yellow,
a[href*="shop"],
a[href*="orbix-credits"]{
  background:linear-gradient(135deg,var(--orbix-caterpillar),var(--orbix-matrix)) !important;
  color:#07101f !important;
  border-color:rgba(255,205,17,.7) !important;
  font-weight:950 !important;
}