/* HORA MUSIC v13 — refinamento visual da Home. Mantém o Studio Dark e o compositor simples. */
.hero-section{padding-top:clamp(24px,4.2vw,52px)}
.hero-copy{gap:11px}
.hero-title{margin:0;max-width:820px}
.hero-desc{margin:0;max-width:650px}
.studio-wrap{margin-top:clamp(18px,3vw,28px)}

/* Form baseado no layout do mockup: campo primeiro, ações em uma linha abaixo. */
.idea-composer{display:grid;gap:12px}
.idea-composer .instruction-textarea{
  min-height:124px;
  resize:vertical;
  padding:17px 18px;
  font-size:14px;
  line-height:1.55;
  background:var(--surface-2);
}
.idea-composer-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:0;
  padding:0;
  position:static;
  pointer-events:auto;
}
.idea-composer-actions>*{pointer-events:auto}

/* Microfone: secundário, discreto parado e claramente destacado durante gravação. */
.idea-mic-button{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid color-mix(in oklab,var(--record,#FF7A00) 22%,var(--input));
  border-radius:12px;
  background:color-mix(in oklab,var(--surface-2) 92%,var(--record,#FF7A00) 8%);
  padding:0 14px;
  color:var(--foreground);
  font-size:12px;
  font-weight:720;
  letter-spacing:-.01em;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 3%);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.idea-mic-button:hover{
  transform:translateY(-1px);
  border-color:color-mix(in oklab,var(--record,#FF7A00) 42%,var(--input));
  background:color-mix(in oklab,var(--surface-2) 86%,var(--record,#FF7A00) 14%);
}
.idea-mic-button .icon{width:17px;height:17px;color:var(--record,#FF7A00)}
.idea-mic-button small{
  min-width:34px;
  font-family:var(--font-mono,monospace);
  font-size:10px;
  color:color-mix(in oklab,var(--foreground) 72%,var(--muted));
  font-variant-numeric:tabular-nums;
}
.idea-mic-button.recording{
  color:#fff;
  border-color:color-mix(in oklab,var(--record,#FF7A00) 72%,var(--input));
  background:color-mix(in oklab,var(--record,#FF7A00) 23%,var(--surface));
  box-shadow:0 0 0 3px color-mix(in oklab,var(--record,#FF7A00) 10%,transparent),0 12px 28px -18px color-mix(in oklab,var(--record,#FF7A00) 80%,transparent);
}
.idea-mic-button.recording .icon{color:var(--record,#FF7A00);animation:horaMicPulse 1.05s ease-in-out infinite}
.idea-mic-button.processing{opacity:.74;cursor:wait;transform:none}

/* CTA menor: ainda é o botão primário, sem dominar todo o card. */
.idea-composer .create-btn{
  min-height:42px;
  width:auto;
  min-width:154px;
  max-width:190px;
  border-radius:12px;
  padding:0 17px;
  justify-content:center;
  font-size:12px;
  font-weight:760;
  box-shadow:0 12px 28px -19px color-mix(in oklab,var(--brand-cta,var(--brand)) 72%,transparent);
}
.idea-composer .create-btn .icon{width:16px;height:16px}
.idea-composer .create-btn:hover{transform:translateY(-1px)}

@keyframes horaMicPulse{50%{transform:scale(1.12);opacity:.58}}

@media(max-width:767px){
  .hero-section{padding-top:22px}
  .hero-copy{gap:9px;padding-inline:8px}
  .hero-title{font-size:clamp(32px,9.8vw,44px);line-height:1.02}
  .hero-desc{font-size:13px;line-height:1.58;max-width:35rem}
  .studio-wrap{margin-top:18px}
  .idea-composer .instruction-textarea{min-height:118px;padding:15px 15px;font-size:13px}
  .idea-composer-actions{gap:8px}
  .idea-mic-button{min-height:40px;padding:0 12px}
  .idea-composer .create-btn{min-height:40px;min-width:142px;max-width:174px;padding:0 14px}
}
@media(max-width:480px){
  .hero-section{padding-top:18px}
  .hero-copy{gap:8px}
  .hero-desc{font-size:12.5px;line-height:1.55}
  .studio-wrap{margin-top:16px}
  .studio-card{padding:15px}
  .idea-composer-actions{align-items:stretch}
  .idea-mic-button{flex:0 1 auto;min-width:118px;padding-inline:11px}
  .idea-composer .create-btn{flex:1 1 150px;min-width:0;max-width:none;width:auto}
}
@media(max-width:360px){
  .idea-composer-actions{display:grid;grid-template-columns:1fr 1fr}
  .idea-mic-button,.idea-composer .create-btn{width:100%;min-width:0;max-width:none}
  .idea-mic-button small{display:none!important}
}