/* context-window-visualizer — style.css (RT-AI-004). Tokens only. */
#cwv { display: flex; flex-direction: column; gap: 1rem; }
.cwv-input {
  width: 100%; min-height: 150px; padding: .75rem; font-size: 16px; line-height: 1.6;
  border: 1px solid var(--rt-border, #d8dce2); border-radius: 10px; resize: vertical;
  background: var(--rt-card, #fff); color: var(--rt-ink, #14213d); font-family: inherit;
}
.cwv-input:focus-visible { outline: 2px solid var(--rt-accent, #e8622a); outline-offset: 2px; }
.cwv-bar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.cwv-tokens { font-size: 1.1rem; font-weight: 700; color: var(--rt-ink, #14213d); }
.cwv-clear {
  min-height: 34px; padding: .3rem .8rem; border: 1px solid var(--rt-border, #d8dce2);
  border-radius: 999px; background: var(--rt-card, #fff); color: var(--rt-ink-soft, #2A3340);
  font-weight: 600; font-size: .82rem; cursor: pointer;
}
.cwv-clear:hover { border-color: var(--rt-accent, #e8622a); color: var(--rt-accent, #e8622a); }
.cwv-clear:focus-visible { outline: 2px solid var(--rt-accent, #e8622a); outline-offset: 2px; }
.cwv-rows { display: flex; flex-direction: column; gap: .55rem; }
.cwv-row { display: flex; flex-direction: column; gap: .3rem; }
.cwv-row-head { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; }
.cwv-name { font-size: .85rem; font-weight: 600; color: var(--rt-ink, #14213d); }
.cwv-est { font-size: .64rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--rt-ink-mute, #6b6760); }
.cwv-meta { font-size: .74rem; color: var(--rt-ink-mute, #6b6760); font-variant-numeric: tabular-nums; }
.cwv-track { height: 10px; border-radius: 999px; background: var(--rt-border, #ebebeb); overflow: hidden; }
.cwv-bar { height: 100%; border-radius: 999px; background: #7c3aed; transition: width .18s ease; min-width: 1px; }
.cwv-row--over .cwv-bar { background: #dc2626; }
.cwv-row--over .cwv-meta { color: #dc2626; font-weight: 600; }
.cwv-status { font-size: .75rem; color: var(--rt-ink-mute, #6b6760); min-height: 1.1em; }
.cwv-fineprint { font-size: .74rem; color: var(--rt-ink-mute, #6b6760); margin: 0; }