.usage-model-item[data-model-usage] { cursor:pointer; }
.usage-model-item[data-model-usage]:hover { background:var(--bc-hover,#f2f2f2); }
.usage-model-item[data-model-usage]:focus-visible { outline:2px solid #737373; outline-offset:2px; }
.model-usage-dialog,.model-error-dialog { background:var(--bg,#fff); color:var(--text,#202020); border:1px solid #e5e5e5; border-radius:8px; padding:20px; max-height:calc(100dvh - 48px); box-sizing:border-box; margin:auto; }
.model-usage-dialog { width:calc(100vw - 48px); max-width:1920px; }
.model-usage-dialog::backdrop,.model-error-dialog::backdrop { background:#0006; }
.model-usage-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.model-usage-heading h3 { margin:0; font-size:16px; }
.model-usage-dialog button,.model-usage-dialog input,.model-usage-dialog select,.model-error-dialog button { font:inherit; color:inherit; background:transparent; border:1px solid #e5e5e5; border-radius:6px; min-height:32px; padding:4px 10px; }
.model-usage-dialog button { cursor:pointer; }
.model-usage-dialog button:disabled { opacity:.4; cursor:default; }
.model-usage-table-wrap { overflow-x:auto; }
.model-usage-dialog table { table-layout:fixed; width:100%; min-width:1380px; border-collapse:collapse; }
.model-usage-dialog th,.model-usage-dialog td { height:40px; padding:4px 12px; border-bottom:1px solid #e5e5e5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; }
.model-usage-dialog th { height:36px; }
.model-usage-dialog th button { border:0; padding:0; width:100%; text-align:inherit; }
.model-usage-dialog :is(th,td):nth-child(5),.model-usage-dialog :is(th,td):nth-child(7) { text-align:right; font-variant-numeric:tabular-nums; }
.model-usage-dialog .model-usage-error { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
.model-usage-pagination { display:flex; gap:8px; justify-content:flex-end; align-items:center; margin-top:16px; white-space:nowrap; }
.model-usage-pagination input { width:64px; }
.model-error-dialog { width:880px; }
.model-error-dialog pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; }
#artifactTaskListBody td { white-space:nowrap; }
.artifact-replica-media-grid { align-items:stretch; }
.artifact-source-analysis { display:flex; flex-direction:column; }
.artifact-source-analysis .artifact-text-stage { flex:1; min-height:0; position:relative; }
.artifact-source-analysis .artifact-text { position:absolute; inset:50px 12px 12px; max-height:none; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.artifact-replica-outputs { --output-media-height:480px; display:grid; grid-template-columns:270px 270px minmax(0,1fr); gap:16px; align-items:stretch; }
.artifact-output-column { min-width:0; display:flex; flex-direction:column; }
#artifactContent .artifact-output-heading { display:flex; gap:8px; align-items:center; justify-content:space-between; height:44px; min-width:0; margin-bottom:8px; }
.artifact-output-heading h5 { margin:0; font-size:14px; flex:none; }
#artifactContent .artifact-version-tabs { display:flex; align-items:center; gap:4px; min-width:0; max-width:180px; overflow-x:auto; scrollbar-width:thin; padding:3px 0; }
#artifactContent .artifact-version-tabs button { box-sizing:border-box; flex:0 0 26px; width:26px; min-width:26px; height:26px; min-height:26px; padding:0; font-size:12px; line-height:24px; border:1px solid var(--bc-border); border-radius:6px; background:var(--bc-surface); color:var(--bc-text); cursor:pointer; }
#artifactContent .artifact-version-tabs button.active { background:var(--bc-text); color:var(--bc-surface); }
.artifact-output-version { display:flex; flex-direction:column; flex:1; min-width:0; }
#artifactContent .artifact-fixed-media { height:var(--output-media-height); flex:none; min-width:0; }
#artifactContent .artifact-fixed-media :is(img,video) { display:block; width:100%; height:100%; max-height:none; min-height:0; aspect-ratio:9/16; object-fit:contain; border-radius:6px; background:var(--bc-canvas); }
.artifact-output-meta { display:flex; flex-direction:column; gap:2px; padding:10px 0; font-size:12px; line-height:18px; color:var(--bc-muted); overflow-wrap:anywhere; }
#artifactContent .artifact-output-actions { margin-top:auto; display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding-top:8px; }
#artifactContent .artifact-output-actions .task-artifact-open { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; height:32px; min-height:32px; min-width:0; width:auto; margin:0; padding:0 8px; font:inherit; font-size:12px; line-height:1; border:1px solid var(--bc-border); border-radius:6px; background:var(--bc-surface); color:var(--bc-text); text-decoration:none; white-space:nowrap; cursor:pointer; }
#artifactContent .artifact-output-actions .task-artifact-open:hover { background:var(--bc-hover); }
.artifact-transcript-version { flex:1; min-height:0; position:relative; }
.artifact-transcript-column>.artifact-text-stage { flex:1; }
.artifact-transcript-version .artifact-text-stage { position:absolute; inset:0; }
.artifact-transcript-column .artifact-text-stage { box-sizing:border-box; display:flex; flex-direction:column; min-height:0; }
.artifact-transcript-column .artifact-text { flex:1; min-height:0; max-height:none; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.artifact-transcript-column .artifact-video-label>span { visibility:hidden; }
.artifact-output-version.hidden,.artifact-transcript-version.hidden { display:none; }
@media(max-width:1100px) { .artifact-replica-outputs { --output-media-height:384px; grid-template-columns:216px 216px minmax(0,1fr); } }

#artifactSummary { grid-template-columns:repeat(4,minmax(0,1fr)); }
#taskArtifactListView table { table-layout:fixed; width:100%; }
#taskArtifactListView th { white-space:nowrap; }
#taskArtifactListView :is(th,td):nth-child(1) { width:14%; }
#taskArtifactListView :is(th,td):nth-child(2) { width:12%; }
#taskArtifactListView :is(th,td):nth-child(3),#taskArtifactListView :is(th,td):nth-child(4) { width:15%; }
#taskArtifactListView :is(th,td):nth-child(5),#taskArtifactListView :is(th,td):nth-child(6),#taskArtifactListView :is(th,td):nth-child(7) { width:8%; text-align:right; }
#taskArtifactListView :is(th,td):nth-child(8) { width:10%; text-align:right; }
#taskArtifactListView :is(th,td):nth-child(9) { width:10%; }

#artifactTaskListBody td { overflow:hidden; text-overflow:ellipsis; }
#taskArtifactListView th button { font:inherit; border:0; background:transparent; color:inherit; cursor:pointer; padding:0; }

#usageLedgerSummary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
#usageLedgerSummary .usage-ledger-metric { white-space:nowrap; }

.artifact-replica-media-grid .artifact-source-group { display:flex; flex-direction:column; }
.artifact-replica-media-grid .artifact-source-group>.artifact-missing { flex:1; }
.artifact-source-analysis .artifact-video-label>span { color:inherit; }