.token-detail-grid{grid-template-columns:minmax(0,2fr) minmax(270px,1fr)}
.tc{--tc-ink:var(--ink);--tc-ink-rgb:#14213a;--tc-mute:var(--ink3);background:var(--paper);border:1px solid var(--line2);border-radius:var(--r2);color:var(--ink);overflow:hidden}
.tc-host{min-width:0}
.tc-h{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.tc-h h3{font-size:18px;margin-right:auto}
.tc-ctl{display:flex;gap:4px;flex-wrap:wrap}
.tc-ctl button{height:28px;padding:0 10px;border:1px solid var(--line2);background:transparent;color:var(--ink2);border-radius:5px;font:12px var(--mono);cursor:pointer}
.tc-ctl button:hover:not(:disabled){color:var(--ink);border-color:var(--ink3)}
.tc-ctl button:disabled{opacity:.45;cursor:not-allowed}
.tc-ctl button[aria-pressed=true]{background:var(--navy);color:#fbf6ea;border-color:var(--navy)}
.tc-ctl button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.tc-intervals{flex-wrap:nowrap;gap:8px;padding:5px;background:#111;border-radius:10px}
.tc-intervals button{height:36px;min-width:48px;padding:0 12px;border:0;background:transparent;color:#919191;border-radius:8px;font:400 15px var(--sans,Arial,sans-serif)}
.tc-intervals button:hover:not(:disabled){color:#fff}
.tc-intervals button[aria-pressed=true]{background:#fff;color:#111;font-weight:700}
.tc-intervals button[aria-pressed=true]:hover{color:#111}
.tc-intervals button:focus-visible{outline-color:#fff}
.tc-body{position:relative;height:400px}
.tc-canvas{position:absolute;inset:0;font-family:var(--mono)}
.tc-canvas-inner{position:absolute;inset:0}
.tc-legend{position:absolute;left:10px;top:8px;z-index:3;pointer-events:none;font:600 11px var(--mono);white-space:nowrap;overflow:hidden;max-width:calc(100% - 80px);text-overflow:ellipsis}
.tc-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:20px;color:var(--ink2);font-size:14px}
.tc-state b{color:var(--navy);font:500 18px var(--serif)}
.tc-skel{width:min(320px,70vw);height:90px;border-radius:8px;background:linear-gradient(90deg,var(--paper2),var(--line),var(--paper2));background-size:200% 100%;animation:tcs 1.4s linear infinite}
@keyframes tcs{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.tc-skel{animation:none}}
.tc-badge{position:absolute;right:70px;top:8px;z-index:4;font:11px var(--mono);background:var(--navy);color:#fbf6ea;padding:3px 8px;border-radius:4px}
.tc-f{padding:9px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink3);display:grid;gap:3px}
.tc-sim{color:var(--navy);font-weight:600}
.tc-err{color:#a8433f}
@media(max-width:960px){.token-detail-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.tc-body{height:320px}.tc-h{padding:10px;gap:8px}.tc-legend{font-size:10px;white-space:normal;max-width:calc(100% - 70px)}.tc-badge{right:64px}}