.tokencount-page__intro{max-width:62ch}.tokencount{border:var(--border-2) solid var(--border-subtle);box-shadow:var(--edge-chroma),var(--shadow-md);background:var(--bg-surface)}.tokencount__bar{display:flex;align-items:center;gap:var(--px-3);padding:var(--px-2) var(--px-4);background:var(--bg-elevated);border-bottom:var(--border-2) solid var(--border-subtle)}.tokencount__dots{display:inline-flex;gap:var(--px-1)}.tokencount__dots i{width:.75rem;height:.75rem;border-radius:var(--radius-led);background:var(--fg-disabled)}.tokencount__dots i:first-child{background:var(--accent-gold)}.tokencount__label{flex:1;font-family:var(--font-pixel);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-secondary)}.tokencount__status{width:.625rem;height:.625rem;border-radius:var(--radius-led);background:var(--led-color, var(--fg-disabled));flex-shrink:0;transition:background-color var(--dur-fast)}.tokencount__status.is-idle{--led-color: var(--fg-disabled)}.tokencount__status.is-working{--led-color: var(--accent-gold);box-shadow:0 0 6px #f5c51899}.tokencount__status.is-ok{--led-color: var(--accent-green);box-shadow:0 0 6px #4ecb7199}.tokencount__status.is-error{--led-color: var(--accent-red);box-shadow:0 0 6px #e9456099}.tokencount__body{display:flex;flex-direction:column;gap:var(--px-4);padding:var(--px-5)}.tokencount__text{min-height:16rem;font-size:var(--text-sm);line-height:1.6;tab-size:2}.tokencount__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--px-2)}.tokencount__file{cursor:pointer}.tokencount__file input{display:none}.tokencount__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--px-4)}.tokencount__field{display:flex;flex-direction:column;gap:var(--px-2)}.tokencount__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--px-3)}.tokencount__stat{padding:var(--px-3);border:var(--border-1) solid var(--border-subtle);border-top:var(--border-2) solid var(--accent-gold);background:var(--bg-input);box-shadow:var(--shadow-inset);display:flex;flex-direction:column;gap:var(--px-1)}.tokencount__stat-value{font-family:var(--font-body);font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--fg-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tokencount__stat-label{font-family:var(--font-pixel);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-secondary)}.tokencount__fit-row{display:flex;justify-content:space-between;gap:var(--px-3);flex-wrap:wrap}.tokencount__fit-track{height:.75rem;border:var(--border-2) solid var(--border-subtle);background:var(--bg-input);box-shadow:var(--shadow-inset);overflow:hidden}.tokencount__fit-fill{height:100%;width:0;background:var(--accent-gold);transition:width var(--dur-normal) var(--ease-out)}.tokencount__fit-fill.is-full{background:var(--accent-red)}.tokencount__note{max-width:72ch}.tokencount__modelnote{margin:0;max-width:72ch}.tokencount__related{display:flex;flex-wrap:wrap;align-items:center;gap:var(--px-2)}@media(max-width:767px){.tokencount__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}