.token-inspector .token-toolbar{border-bottom:1px solid var(--line);background:var(--paper);padding:12px 24px}@media (width<=575.98px){.token-inspector .token-toolbar{padding:12px 18px}}.token-inspector .token-encoding-control{position:relative}.token-inspector .token-encoding-link{color:var(--accent);text-underline-offset:4px;background:0 0;border:0;padding:4px 0;font-size:.875rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.token-inspector .token-info-button{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:5px;font-size:.875rem;display:inline-flex}.token-inspector .token-tooltip{z-index:10;border:1px solid var(--line);background:var(--surface);width:min(22rem,100vw - 5rem);color:var(--ink);border-radius:.375rem;padding:.75rem;font-size:.8rem;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.token-inspector .token-info:not(.is-dismissed):hover .token-tooltip,.token-inspector .token-info:not(.is-dismissed):focus-within .token-tooltip{display:block}.token-inspector .token-picker{border:1px solid var(--line);background:var(--surface);width:min(42rem,100dvw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);border-radius:.75rem;padding:24px;overflow:auto}.token-inspector .token-picker::backdrop{background:#000000a6}.token-inspector .token-picker-option{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);text-align:left;overflow-wrap:anywhere;border-radius:.5rem;flex-direction:column;gap:.3rem;padding:.85rem;display:flex}.token-inspector .token-picker-option:hover,.token-inspector .token-picker-option:focus-visible,.token-inspector .token-picker-option[aria-pressed=true]{border-color:var(--accent)}.token-inspector .token-example-list{gap:.5rem;display:grid}@media (width>=576px){.token-inspector .token-example-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.token-inspector .token-example-preview{-webkit-line-clamp:2;font:.75rem/1.5 var(--bs-font-monospace);white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}html:has(.token-picker[open]){overflow:hidden}.token-inspector .token-editors{gap:1rem;min-width:0;display:grid}.token-inspector .token-editors>div{min-width:0}@media (width>=1200px){.token-inspector .token-editors-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}.token-inspector .token-input,.token-inspector .token-report{font-family:var(--bs-font-monospace);font-size:.875rem}.token-inspector .token-report{max-height:12rem}.token-inspector .token-metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:1rem;display:grid}.token-inspector .token-metrics>div{background:var(--bs-tertiary-bg);border-radius:.5rem;padding:.75rem}.token-inspector .token-metrics strong{font-variant-numeric:tabular-nums;font-size:1.75rem;display:block}.token-inspector .token-metrics span{color:var(--bs-secondary-color);font-size:.8rem}.token-inspector .token-preview{border:1px solid var(--bs-border-color);min-height:6rem;max-height:22rem;font-family:var(--bs-font-monospace);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.5rem;padding:.875rem;font-size:.875rem;line-height:1.9;overflow:auto}.token-inspector .token-piece{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-bottom:2px solid #0000;border-radius:.15rem}.token-inspector .token-id{vertical-align:super;opacity:.85;padding:0 .15rem;font-size:.65rem;display:inline-block}.token-inspector .token-color-0{background:#e891332e;border-color:#d98c39}.token-inspector .token-color-1{background:#3fa7ba2e;border-color:#469ba8}.token-inspector .token-color-2{background:#a27bcd2e;border-color:#a27bcd}.token-inspector .token-color-3{background:#5aa9752e;border-color:#5aa975}.token-inspector .token-color-4{background:#d1708d2e;border-color:#d1708d}.token-inspector .token-color-5{background:#7c95d92e;border-color:#7c95d9}.token-inspector .token-block-counts{margin:.5rem 0}.token-inspector .token-block-counts>div{border-bottom:1px solid var(--bs-border-color);justify-content:space-between;gap:1rem;padding:.4rem 0;display:flex}.token-inspector .token-block-counts dt{font-weight:400}.token-inspector .token-block-counts dd{font-variant-numeric:tabular-nums;margin:0}.token-inspector .token-budget{border-top:1px solid var(--bs-border-color);padding-top:1rem}.token-inspector .token-budget-meter{width:100%;height:.65rem;accent-color:var(--bs-primary)}