:root{--ai-usage-ink:var(--oc-ink);--ai-usage-muted:var(--oc-ink-2);--ai-usage-faint:#8a9199;--ai-usage-accent:var(--oc-brand);--ai-usage-accent-strong:#087f7b;--ai-usage-card:#f7f8f9;--ai-usage-card-border:#e4e8ec;--ai-usage-list:#fff;--ai-usage-row-divider:#eef1f4;--ai-usage-meter-track:#e1e6ea;--ai-usage-status:#fbfbfc;--ai-usage-status-border:#d9dee3;--ai-usage-control:#f1f3f5;--ai-usage-control-hover:#e7eaee;--ai-usage-control-ink:#3d4249;--ai-usage-dialog:#fff;--ai-usage-divider:#e8ecf0;--ai-usage-backdrop:rgb(var(--oc-ink-rgb) / .72);--ai-usage-dialog-shadow:0 24px 64px rgb(var(--oc-ink-rgb) / .28);--ai-usage-checker:#f1f3f5;--ai-usage-checker-ground:#fafbfc}:root[data-ai-usage-theme=dark]{--ai-usage-ink:#fff;--ai-usage-muted:#a1a1a6;--ai-usage-faint:#8e8e93;--ai-usage-accent:#2ec4bd;--ai-usage-accent-strong:#5fd8d2;--ai-usage-card:#2a2a2a;--ai-usage-card-border:#ffffff14;--ai-usage-list:#2a2a2a;--ai-usage-row-divider:#ffffff14;--ai-usage-meter-track:#3a3a3c;--ai-usage-status:#262626;--ai-usage-status-border:#ffffff24;--ai-usage-control:#303030;--ai-usage-control-hover:#3a3a3c;--ai-usage-control-ink:#fff;--ai-usage-dialog:#1e1e1e;--ai-usage-divider:#ffffff14;--ai-usage-backdrop:#000000b8;--ai-usage-dialog-shadow:0 24px 64px #00000080;--ai-usage-checker:#2a2a2a;--ai-usage-checker-ground:#202020}.ai-usage-content{color:var(--ai-usage-ink);gap:18px;display:grid}.ai-usage-content h3,.ai-usage-content p{margin:0}.ai-usage-icon-button{width:40px;height:40px;color:var(--ai-usage-control-ink);background:var(--ai-usage-control);border:0;border-radius:10px;flex:none;place-items:center;margin-top:2px;padding:0;display:grid}.ai-usage-icon-button:hover,.ai-usage-icon-button:focus-visible{color:var(--ai-usage-ink);background:var(--ai-usage-control-hover);outline:none}.ai-usage-summary{border:1px solid var(--ai-usage-card-border);background:var(--ai-usage-card);border-radius:14px;gap:10px;padding:14px 14px 12px;display:grid}.ai-usage-summary-top{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.ai-usage-summary-label{color:var(--ai-usage-muted);font-size:12px;font-weight:600}.ai-usage-summary-remaining{color:var(--ai-usage-ink);letter-spacing:-.03em;margin-top:2px;font-size:28px;font-weight:600;line-height:1}.ai-usage-summary-used{color:var(--ai-usage-muted);text-align:right;font-size:12px;font-weight:600;line-height:1.35}.ai-usage-summary-meter{background:var(--ai-usage-meter-track);border-radius:999px;height:7px;overflow:hidden}.ai-usage-summary-meter span{border-radius:inherit;background:var(--ai-usage-accent);height:100%;display:block}.ai-usage-summary-reset{color:var(--ai-usage-muted);font-size:12px;line-height:1.35}.ai-usage-history{gap:10px;display:grid}.ai-usage-history-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ai-usage-history-heading h3{color:var(--ai-usage-ink);font-size:14px;font-weight:600}.ai-usage-history-heading span{color:var(--ai-usage-faint);font-size:12px;font-weight:600}.ai-usage-history-status,.ai-usage-history-empty{border:1px dashed var(--ai-usage-status-border);color:var(--ai-usage-muted);background:var(--ai-usage-status);border-radius:12px;justify-items:start;gap:8px;padding:18px 14px;font-size:13px;line-height:1.45;display:grid}.ai-usage-retry{min-height:36px;color:var(--ai-usage-ink);background:var(--ai-usage-control);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-weight:600}.ai-usage-retry:hover,.ai-usage-retry:focus-visible{background:var(--ai-usage-control-hover);outline:none}.ai-usage-history-list{border:1px solid var(--ai-usage-card-border);background:var(--ai-usage-list);border-radius:14px;gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ai-usage-history-list li{border-top:1px solid var(--ai-usage-row-divider);justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.ai-usage-history-list li:first-child{border-top:0}.ai-usage-history-main{align-items:center;gap:12px;min-width:0;display:flex}.ai-usage-history-thumb{border:1px solid var(--ai-usage-card-border);background:var(--ai-usage-control);cursor:pointer;border-radius:10px;flex:none;width:44px;height:44px;padding:0;overflow:hidden}.ai-usage-history-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ai-usage-history-copy{justify-items:start;gap:3px;min-width:0;display:grid}.ai-usage-history-list strong{color:var(--ai-usage-ink);font-size:14px;font-weight:600}.ai-usage-history-list span{color:var(--ai-usage-faint);font-size:12px}.ai-usage-history-view{color:var(--ai-usage-accent);cursor:pointer;background:0 0;border:0;margin-top:1px;padding:0;font-size:12px;font-weight:600}.ai-usage-history-view:hover,.ai-usage-history-view:focus-visible{color:var(--ai-usage-accent-strong);outline:none;text-decoration:underline}.ai-usage-history-list em{color:var(--ai-usage-ink);font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-style:normal;font-weight:600}.ai-usage-preview-layer{z-index:2;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.ai-usage-preview-backdrop{background:var(--ai-usage-backdrop);border:0;width:100%;position:absolute;inset:0}.ai-usage-preview-dialog{width:min(420px,100%);max-height:min(86svh,720px);color:var(--ai-usage-ink);background:var(--ai-usage-dialog);box-shadow:var(--ai-usage-dialog-shadow);border-radius:16px;flex-direction:column;animation:.16s ease-out ai-usage-sheet-in;display:flex;position:relative;overflow:hidden}.ai-usage-preview-header{border-bottom:1px solid var(--ai-usage-divider);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 12px;display:flex}.ai-usage-preview-header h3{min-width:0;color:var(--ai-usage-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.ai-usage-preview-media{background:linear-gradient(45deg, var(--ai-usage-checker) 25%, transparent 25%), linear-gradient(-45deg, var(--ai-usage-checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--ai-usage-checker) 75%), linear-gradient(-45deg, transparent 75%, var(--ai-usage-checker) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;background-color:var(--ai-usage-checker-ground);place-items:center;min-height:0;padding:14px;display:grid;overflow:auto}.ai-usage-preview-media img{object-fit:contain;max-width:100%;max-height:min(62svh,520px);display:block}.ai-usage-spin{animation:.8s linear infinite ai-usage-spin}@keyframes ai-usage-sheet-in{0%{opacity:.8;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ai-usage-spin{to{transform:rotate(360deg)}}