.btn-small {
  background: #141414;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 13px;
  color: #fff;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,0.03);
}
.btn-small img { width:14px; height:14px; display:block; }

textarea#prompt {
  flex:1;
  min-width:0;
  max-height:250px;
  height:56px;
  resize:none;
  border-radius:12px;
  padding:12px;
  background:#0e0e0e;
  border:1px solid rgba(255,255,255,0.03);
  color:#fff;
  font-size:14px;
  line-height:1.35;
  overflow:auto;
  outline:none;
}

.generate-btn {
  background: linear-gradient(90deg,#ff93e9,#9b7cff);
  border:none;
  border-radius:12px;
  padding:12px 18px;
  font-size:14px;
  cursor:pointer;
  color:#fff;
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:opacity .15s;
}
.generate-btn[disabled] { opacity:0.6; cursor:default; }

.loader {
  border:3px solid #222;
  border-top:3px solid #ff93e9;
  border-radius:50%;
  width:22px;
  height:22px;
  animation:spin 1s linear infinite;
}
@keyframes spin { 0%{ transform:rotate(0) } 100%{ transform:rotate(360deg) } }