.empty-stack{display:grid;place-items:center;width:100%}
.empty-state[hidden]{display:none!important}
.idea-hero-note{--idea-note-radius:12px}
.idea-generator-page .idea-hero-note{
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:14px;
  border:1px solid rgba(35,75,175,.12);
  border-radius:var(--idea-note-radius);
  background:rgba(255,255,255,.72);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.idea-hero-note .idea-hero-subtitle{
  display:block;
  margin-top:4px;
  color:var(--idea-muted);
  font-size:9px;
  line-height:1.45;
  letter-spacing:.02em;
  white-space:nowrap;
}
.model-switch{
  display:flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  margin:18px auto 0;
}
.model-select-wrap{display:block}
.model-select-wrap select{
  -webkit-appearance:none;
  appearance:none;
  width:auto;
  min-width:176px;
  height:38px;
  padding:0 36px 0 17px;
  border:1px solid #234baf;
  border-radius:var(--idea-note-radius,17px);
  color:#fff;
  background-color:#234baf;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l8 8 8-8' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:12px 8px;
  box-shadow:none;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.model-select-wrap select:hover{border-color:#1e429b;background-color:#1e429b}
.model-select-wrap select:focus-visible{outline:3px solid rgba(35,75,175,.2);outline-offset:3px}
.model-select-wrap select:disabled{opacity:.6;cursor:wait}
.model-select-wrap select option{color:#fff;background:#234baf}
.idea-hero-note .model-switch{
  justify-content:flex-start;
  width:100%;
  margin:10px 0 0;
}
.idea-hero-note .model-select-wrap{width:100%}
.idea-hero-note .model-select-wrap select{
  width:100%;
  min-width:0;
  height:32px;
  padding-left:13px;
  font-size:11px;
  line-height:1;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
@media(max-width:620px){
  .model-switch{margin-top:16px}
  .model-select-wrap select{min-width:168px;height:36px;font-size:10px}
  .idea-hero-note .model-switch{margin-top:10px}
  .idea-hero-note .model-select-wrap select{min-width:0;height:32px;font-size:11px}
}