:root{--hero1:#ef5a02;--hero2:#55936b}
.bg-hero{
  background: radial-gradient(1200px 600px at 50% -10%, rgba(255,255,255,.25), transparent 60%),
              linear-gradient(135deg, var(--hero1), var(--hero2));
}
.glass{
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(8px);
  border-radius:1rem;
  border:1px solid rgba(255,255,255,0.08) !important;
}
.bg-gradient{
  background: linear-gradient(135deg,#0f172a,#0b1220) !important;
}
.codebox{
  background:#0f172a; color:#e5e7eb; border-radius:.75rem; padding:1rem; border:1px solid rgba(255,255,255,.06); min-height:260px;
}
.dropzone{
  border:2px dashed #6b7280; border-radius:1rem; padding:2rem; text-align:center; transition:.2s;
  background: rgba(15,23,42,.35); color:#cbd5e1;
}
.dropzone.dragover{ border-color:#22c55e; color:#22c55e; background:rgba(34,197,94,.08); }
.preview-img{ max-width:100%; max-height:300px; border-radius:.5rem; border:1px solid rgba(255,255,255,.08); }
.btn-pill{ border-radius:9999px; }
textarea.form-control{min-height:260px}
pre.output{white-space:pre-wrap; word-wrap:break-word; max-height:60vh; overflow:auto}