/* Smart metadata chooser — editor-only presentation. */
body.creator-studio-theme:not(.preview-mode):not(.finalized):not([data-exported="true"]) .smart-metadata-grid {
  display:grid;
  gap:.75rem;
  margin-top:.8rem;
}

body.creator-studio-theme:not(.preview-mode):not(.finalized):not([data-exported="true"]) .smart-metadata-field {
  display:grid;
  gap:.45rem;
  padding:.75rem;
  border:1px solid rgba(135,151,175,.24);
  border-radius:.8rem;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(0,0,0,.12));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  transition:border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

body.creator-studio-theme:not(.preview-mode):not(.finalized):not([data-exported="true"]) .smart-metadata-field[data-state="missing"] {
  border-color:rgba(222,103,111,.48);
  background:linear-gradient(180deg,rgba(222,103,111,.055),rgba(0,0,0,.12));
  box-shadow:inset .16rem 0 rgba(222,103,111,.5);
}

body.creator-studio-theme:not(.preview-mode):not(.finalized):not([data-exported="true"]) .smart-metadata-field[data-state="complete"] {
  border-color:rgba(85,199,143,.46);
  background:linear-gradient(180deg,rgba(85,199,143,.055),rgba(0,0,0,.12));
  box-shadow:inset .16rem 0 rgba(85,199,143,.5);
}

.smart-metadata-field__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
}

.authoring-card .smart-metadata-field__head label {
  margin:0;
  font-weight:750;
  letter-spacing:.01em;
}

.smart-metadata-status {
  flex:0 0 auto;
  padding:.2rem .48rem;
  border:1px solid rgba(159,171,191,.22);
  border-radius:999px;
  color:#aeb8c8;
  background:rgba(255,255,255,.035);
  font-size:.62rem;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.smart-metadata-field[data-state="missing"] .smart-metadata-status {
  color:#ffb5bb;
  border-color:rgba(222,103,111,.36);
  background:rgba(222,103,111,.08);
}

.smart-metadata-field[data-state="complete"] .smart-metadata-status {
  color:#aaf0ca;
  border-color:rgba(85,199,143,.36);
  background:rgba(85,199,143,.08);
}

.authoring-card .smart-metadata-help {
  margin:0;
  color:#98a4b6;
  font-size:.7rem;
  line-height:1.4;
}

body.creator-studio-theme:not(.preview-mode):not(.finalized):not([data-exported="true"]) .smart-metadata-field select {
  width:100%;
  min-height:2.65rem;
  margin:0;
  padding:.62rem 2.3rem .62rem .7rem;
  border:1px solid rgba(169,181,201,.26);
  border-radius:.58rem;
  color:#f5f7fb;
  background:#080b10;
  font:inherit;
  cursor:pointer;
}

body.creator-studio-theme:not(.preview-mode):not(.finalized):not([data-exported="true"]) .smart-metadata-field select:focus-visible {
  outline:2px solid rgba(128,222,179,.9);
  outline-offset:2px;
}

.smart-metadata-suggestion {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.55rem;
  padding:.46rem .55rem;
  border:1px solid rgba(85,199,143,.34);
  border-radius:.58rem;
  color:#b7f2d2;
  background:rgba(85,199,143,.075);
  font-size:.68rem;
}

.smart-metadata-suggestion[hidden],
.smart-metadata-other[hidden] {
  display:none !important;
}

.smart-metadata-suggestion > span {
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.smart-metadata-suggestion button {
  margin:0;
  padding:.28rem .5rem;
  border:1px solid rgba(133,228,180,.44);
  border-radius:999px;
  color:#d9fbea;
  background:rgba(85,199,143,.1);
  font:700 .68rem/1.1 inherit;
  cursor:pointer;
}

.smart-metadata-suggestion button:hover,
.smart-metadata-suggestion button:focus-visible {
  background:rgba(85,199,143,.2);
  border-color:rgba(154,239,196,.7);
}

.authoring-card .smart-metadata-other {
  display:grid;
  gap:.35rem;
  margin:.05rem 0 0;
  padding:.55rem;
  border-radius:.58rem;
  color:#cbd4e1;
  background:rgba(255,255,255,.028);
  font-size:.68rem;
}

.smart-metadata-field--tags {
  border-color:rgba(117,151,204,.28);
}

@media (max-width:600px) {
  .smart-metadata-field__head {
    align-items:flex-start;
  }
}