/* embedding-cost-calculator — style.css (RT-AI-008). Tokens only. */
#emb { display: flex; flex-direction: column; gap: 1rem; }
.emb-fields { display: grid; grid-template-columns: 1fr; gap: .75rem; }
@media (min-width: 560px) { .emb-fields { grid-template-columns: 1fr 1fr; } .emb-field--full { grid-column: 1 / -1; } }
.emb-field { display: flex; flex-direction: column; gap: .35rem; }
.emb-label { font-size: .8rem; font-weight: 600; color: var(--rt-ink-soft, #2A3340); }
.emb-input, .emb-select {
  width: 100%; min-height: 44px; padding: .5rem .65rem; font-size: 16px;
  border: 1px solid var(--rt-border, #d8dce2); border-radius: 8px;
  background: var(--rt-card, #fff); color: var(--rt-ink, #14213d); font-family: inherit;
}
.emb-input:focus-visible, .emb-select:focus-visible { outline: 2px solid var(--rt-accent, #e8622a); outline-offset: 2px; }
.emb-rate { font-size: .74rem; color: var(--rt-ink-mute, #6b6760); margin: -.2rem 0 0; }
.emb-results { display: grid; grid-template-columns: 1fr; gap: .6rem; }
@media (min-width: 480px) { .emb-results { grid-template-columns: 2fr 1fr 1fr; } }
.emb-stat {
  display: flex; flex-direction: column; gap: .15rem; padding: .75rem .65rem;
  border: 1px solid var(--rt-border, #d8dce2); border-radius: 10px; background: var(--rt-card, #fff);
}
.emb-stat--hero { background: var(--rt-result-bg, #14213d); border-color: var(--rt-result-bg, #14213d); }
.emb-stat-val { font-size: 1.35rem; font-weight: 700; color: var(--rt-ink, #14213d); line-height: 1.1; }
.emb-stat--hero .emb-stat-val { color: var(--rt-result-ink, #fff); }
.emb-stat-label { font-size: .74rem; font-weight: 600; color: var(--rt-ink-soft, #2A3340); }
.emb-stat--hero .emb-stat-label { color: var(--rt-result-ink, #fff); }