/* Token Counter: /token-counter/. The text on the left; its size, the fit on every model and the price on the right. */
.tc-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:1.2rem; align-items:start}
@media (max-width:64rem){ .tc-grid{grid-template-columns:minmax(0,1fr)} }
.tc-status{margin-left:auto; font:500 var(--t-xs)/1 var(--f-ui); color:var(--ink-3)}
.tc-body{padding:0}
.tc-ta{width:100%; min-height:26rem; max-height:70vh; border:0; border-radius:0; background:transparent; padding:1rem 1.15rem; font:400 .9rem/1.6 var(--f-mono); resize:vertical; box-shadow:none}
.tc-ta:focus{outline:none; box-shadow:inset 0 0 0 2px var(--accent-wash)}
.tc-ta.drop{box-shadow:inset 0 0 0 2px var(--accent)}
.tc-fileinfo{font:400 .82rem/1.3 var(--f-ui); color:var(--ink-3); overflow-wrap:anywhere}

.tc-out{position:sticky; top:4.6rem}
@media (max-width:64rem){ .tc-out{position:static} }
.tc-figs{display:flex; flex-wrap:wrap; align-items:flex-end; gap:.8rem 1.6rem; padding:1rem 1.15rem .8rem; border-bottom:1px solid var(--line-2); background:var(--bg-2)}
.tc-big{display:flex; align-items:baseline; gap:.4rem; margin:0}
.tc-big b{font:380 2.6rem/1 var(--f-head); font-variant-numeric:tabular-nums; color:var(--ink)}
.tc-big span{font:400 1rem/1 var(--f-ui); color:var(--ink-3)}
.tc-stats{display:flex; flex-wrap:wrap; gap:.4rem 1.2rem; margin:0}
.tc-stats div{display:flex; flex-direction:column; gap:.15rem}
.tc-stats dt{font:500 .75rem/1 var(--f-ui); color:var(--ink-3)}
.tc-stats dd{margin:0; font:500 1rem/1.1 var(--f-mono); font-variant-numeric:tabular-nums; color:var(--ink)}
.tc-method{margin:0; padding:.55rem 1.15rem 0; font:400 .8rem/1.45 var(--f-ui); color:var(--ink-3)}
.tc-verdict{margin:0; padding:.5rem 1.15rem .7rem; font:400 1rem/1.5 var(--f-serif); color:var(--ink)}
.tc-exact{display:flex; flex-wrap:wrap; gap:.45rem; padding:0 1.15rem}
.tc-exact:not(:empty){padding-bottom:.7rem}
.tc-exact p{margin:0; font:400 .85rem/1.45 var(--f-ui); color:var(--ink-2)}

.tc-fitwrap{overflow-x:auto; border-top:1px solid var(--line-2)}
.tc-fit{width:100%; border-collapse:collapse; font:400 .88rem/1.35 var(--f-ui)}
.tc-fit th,.tc-fit td{padding:.42rem .6rem; text-align:left; border-bottom:1px solid var(--line-2); white-space:nowrap}
.tc-fit th:first-child,.tc-fit td:first-child{padding-left:1.15rem}
.tc-fit th:last-child,.tc-fit td:last-child{padding-right:1.15rem}
.tc-fit thead th{font:600 .76rem/1.3 var(--f-ui); color:var(--ink-3)}
.tc-fit .n{text-align:right; font-family:var(--f-mono); font-variant-numeric:tabular-nums}
.tc-fit thead .n{font-family:var(--f-ui)}
.tc-fit tr.tc-fam th{padding-top:.7rem; font:600 .76rem/1.2 var(--f-ui); color:var(--ink-2); background:var(--bg-2)}
.tc-fit tr.over td{color:var(--bad)}
.tc-fit td small{margin-left:.5rem; font:400 .78rem/1 var(--f-mono); color:var(--ink-3)}
.tc-bar{display:inline-block; vertical-align:middle; width:6.5rem; height:.5rem; border-radius:99px; background:var(--line-2); overflow:hidden}
.tc-bar i{display:block; height:100%; border-radius:inherit; background:var(--good); transition:width .25s}
.tc-bar[data-tone="warn"] i{background:var(--hi, #b8860b)}
.tc-bar[data-tone="bad"] i{background:var(--bad)}
.tc-note{margin:0; padding:.6rem 1.15rem .9rem; font:400 .8rem/1.45 var(--f-ui); color:var(--ink-3)}

.tc-split{margin-top:1.2rem}
.tc-split .panel-head{flex-wrap:wrap; gap:.6rem}
.tc-split .panel-title{margin-right:auto}
.tc-split .seg{flex:0 1 auto; flex-wrap:wrap; max-width:100%}
.tc-split-body{display:flex; flex-direction:column; gap:.7rem}
.tc-split-lede{margin:0; font:400 .95rem/1.5 var(--f-serif); color:var(--ink-2)}
.tc-split .check{font:400 .9rem/1.4 var(--f-ui); color:var(--ink-2)}
.tc-parts{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.5rem}
.tc-part{border:1px solid var(--line); border-radius:12px; background:var(--field)}
.tc-part-head{display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .8rem; padding:.5rem .6rem .5rem .9rem; border-bottom:1px solid var(--line-2)}
.tc-part-head b{font:600 .9rem/1.3 var(--f-ui)}
.tc-part-head span{margin-right:auto; font:400 .8rem/1.3 var(--f-mono); color:var(--ink-3)}
.tc-part-peek{margin:0; padding:.55rem .9rem .7rem; font:400 .88rem/1.5 var(--f-serif); color:var(--ink-2); overflow-wrap:anywhere}
.tc-faq details{border-top:1px solid var(--line-2); padding:.7rem 0}
.tc-faq summary{cursor:pointer; font:500 1rem/1.4 var(--f-ui)}
.tc-faq p{margin:.5rem 0 0}