.token-usage-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 28px));height:min(88dvh,850px);overflow-y:auto;padding:20px 18px 44px;border:1px solid #e4dfe8;border-radius:22px;background:#f7f7f4;color:#28252b;font-family:system-ui,-apple-system,sans-serif;touch-action:pan-y;box-shadow:0 18px 60px #27123735}
.token-usage-dialog::backdrop{background:#26163352}
.token-usage-header{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;max-width:780px;margin:0 auto}
.token-usage-header button{min-height:44px;border:0;background:transparent;color:#7342c0;font:600 14px system-ui;cursor:pointer}.token-usage-header button:disabled{opacity:.5}
.token-usage-header h1{margin:0;font:650 23px/1.15 system-ui}.token-usage-eyebrow{margin:0 0 2px;color:#846da7;font:700 10px/1 system-ui;letter-spacing:.12em;text-transform:uppercase}
.token-usage-intro,.token-usage-status,.token-usage-note{max-width:780px;margin:10px auto 0;color:#746e78;font:12px/1.5 system-ui}.token-usage-note{padding:16px 2px;text-align:center}
.token-usage-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:780px;margin:20px auto}
.token-usage-summary article{min-width:0;padding:14px;border:1px solid #e4dfe8;border-radius:12px;background:#fff}.token-usage-summary span{display:block;color:#7a727f;font-size:11px}.token-usage-summary strong{display:block;margin-top:5px;color:#6232a8;font-size:22px;overflow-wrap:anywhere}
.token-usage-list{display:grid;gap:12px;max-width:780px;margin:14px auto}.token-turn{content-visibility:auto;contain-intrinsic-size:240px;padding:14px;border:1px solid #e4dfe8;border-radius:14px;background:#fff;box-shadow:0 2px 10px #32105c0a}
.token-turn>header{display:flex;justify-content:space-between;align-items:start;gap:14px;padding-bottom:12px;border-bottom:1px solid #eeeaf1}.token-turn h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;font:600 14px/1.35 system-ui}.token-turn time{display:block;margin-top:4px;color:#8b8490;font-size:10px}.token-turn>header>strong{flex:none;color:#6232a8;font-size:12px;white-space:nowrap}
.token-call{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f1eef3}.token-call:last-child{padding-bottom:0;border-bottom:0}.token-call-identity{min-width:0}.token-call-identity strong,.token-call-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-call-identity strong{font-size:12px}.token-call-identity span{margin-top:3px;color:#817986;font-size:10px}
.token-call-counts{display:grid;grid-template-columns:repeat(3,minmax(46px,auto));gap:8px;text-align:right}.token-usage-number small,.token-usage-number b{display:block}.token-usage-number small{color:#8a828e;font-size:9px}.token-usage-number b{margin-top:2px;font-size:11px}.token-usage-empty{padding:40px 20px;border:1px dashed #d9d1df;border-radius:14px;color:#7a727f;text-align:center;font:13px/1.5 system-ui}
@media(min-width:620px){.token-usage-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){.token-call{grid-template-columns:1fr}.token-call-counts{text-align:left}.token-usage-number small,.token-usage-number b{display:inline}.token-usage-number b{margin-left:4px}}