/* llm-cost-calculator — style.css (RT-AI-002). Tokens only. */
#lcc { display: flex; flex-direction: column; gap: 1rem; }
.lcc-fields { display: grid; grid-template-columns: 1fr; gap: .75rem; }
@media (min-width: 560px) { .lcc-fields { grid-template-columns: 1fr 1fr; } .lcc-field--full { grid-column: 1 / -1; } }
.lcc-field { display: flex; flex-direction: column; gap: .35rem; }
.lcc-label { font-size: .8rem; font-weight: 600; color: var(--rt-ink-soft, #2A3340); }
.lcc-input, .lcc-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;
}
.lcc-input:focus-visible, .lcc-select:focus-visible { outline: 2px solid var(--rt-accent, #e8622a); outline-offset: 2px; }
.lcc-rate { font-size: .74rem; color: var(--rt-ink-mute, #6b6760); margin: -.2rem 0 0; }
.lcc-results { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.lcc-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);
}
.lcc-stat--hero { background: var(--rt-result-bg, #14213d); border-color: var(--rt-result-bg, #14213d); }
.lcc-stat-val { font-size: 1.45rem; font-weight: 700; color: var(--rt-ink, #14213d); line-height: 1.1; }
.lcc-stat--hero .lcc-stat-val { color: var(--rt-result-ink, #fff); }
.lcc-stat-label { font-size: .74rem; font-weight: 600; color: var(--rt-ink-soft, #2A3340); }
.lcc-stat--hero .lcc-stat-label { color: var(--rt-result-ink, #fff); }
.lcc-breakdown { display: flex; gap: .6rem; }
.lcc-breakdown .lcc-stat { flex: 1; }
.lcc-breakdown .lcc-stat-val { font-size: 1.05rem; }
.lcc-status { font-size: .75rem; color: var(--rt-ink-mute, #6b6760); min-height: 1.1em; }