.image-generation-header h2{margin-top:0}.image-generation-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(620px,1.55fr);gap:16px;min-height:650px}.image-generation-list-panel,.image-generation-detail-panel{min-width:0;padding:17px}.image-generation-list-panel .panel-title,.image-generation-detail-panel .panel-title{min-height:50px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.image-generation-list-panel>.panel-title>span{color:var(--muted);font:700 11px var(--mono)}.image-generation-list{display:flex;min-height:560px;max-height:calc(100vh - 340px);flex-direction:column;gap:8px;overflow:auto}.image-generation-job{width:100%;display:grid;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px;color:var(--ink);text-align:left;transition:border-color .18s ease-out,background .18s ease-out,box-shadow .18s ease-out}.image-generation-job:hover,.image-generation-job.selected{border-color:#9b93ef;background:#f9f8ff;box-shadow:0 7px 18px #574bd80c}.image-generation-job:focus-visible,.image-generation-stage summary:focus-visible,.image-generation-model-test:focus-visible,.image-generation-image:focus-visible,.model-image-output:focus-visible{outline:2px solid #8178e9;outline-offset:2px}.image-generation-job-head,.image-generation-job-meta,.image-generation-job-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.image-generation-job-head b{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.image-generation-job-state{flex:none;border-radius:99px;padding:3px 8px;background:#eef1f5;color:#718095;font-size:9px;font-weight:800}.image-generation-job-state.succeeded{background:#e5f8f0;color:#16865f}.image-generation-job-state.running,.image-generation-job-state.queued{background:#eceaff;color:#5c52d8}.image-generation-job-state.failed{background:#ffebeb;color:#c94343}.image-generation-job-meta{align-items:flex-start;color:#667187;font-size:10px}.image-generation-job-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-generation-job-meta time{flex:none;color:#8c95a7;font:9px var(--mono)}.image-generation-job-foot code{min-width:0;overflow:hidden;color:#8c95a7;font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap}.image-generation-job-foot span{flex:none;color:#788398;font-size:9px}.image-generation-detail{min-height:560px;max-height:calc(100vh - 340px);overflow:auto;padding:1px 4px 18px 0}.image-generation-detail>.trace-empty{margin-top:1px}.image-generation-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.image-generation-overview>div{display:flex;min-width:0;flex-direction:column;gap:3px;padding:10px;border-radius:9px;background:#f4f5f8}.image-generation-overview span{color:#8892a5;font-size:8px}.image-generation-overview b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.image-generation-overview b.mono{font-family:var(--mono);font-size:9px}.image-generation-error{margin-bottom:14px;padding:11px;border:1px solid #f0caca;border-radius:9px;background:#fff6f6;color:#a73d3d;font-size:10px;line-height:1.55;word-break:break-word}.image-generation-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:19px 0 9px}.image-generation-section-head h4{margin:0;font-size:13px}.image-generation-section-head p{font-size:9px}.image-generation-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px}.image-generation-image{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0;color:#59657b;text-align:left}.image-generation-image img{width:100%;height:122px;display:block;background:#f0f2f6;object-fit:cover}.image-generation-image span{display:block;overflow:hidden;padding:8px;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.image-generation-timeline{overflow:hidden;border:1px solid #e3e6ed;border-radius:10px;background:#fff}.image-generation-timeline-axis,.image-generation-timeline-row{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(260px,1.7fr) 62px;gap:10px;align-items:center}.image-generation-timeline-axis{padding:8px 10px;background:#f6f7fa;color:#8c95a6;font-size:8px;font-weight:800}.image-generation-axis-track{display:flex;justify-content:space-between}.image-generation-timeline-row{min-height:41px;padding:7px 10px;border-top:1px solid #eff1f5}.image-generation-timeline-label{display:flex;min-width:0;align-items:center;gap:6px}.image-generation-timeline-label i{width:7px;height:7px;flex:none;border-radius:50%;background:#8178e9}.image-generation-timeline-label i.failed{background:var(--bad)}.image-generation-timeline-label b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.image-generation-timeline-track{position:relative;height:14px;border-radius:4px;background:#eff1f5}.image-generation-timeline-bar{position:absolute;top:2px;bottom:2px;left:var(--trace-left);width:max(3px,var(--trace-width));border-radius:3px;background:#756be8}.image-generation-timeline-bar.failed{background:#e56a6a}.image-generation-timeline-row>time{color:#69758a;font:9px var(--mono);text-align:right}.image-generation-attempt{margin-top:14px}.image-generation-attempt-title{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:7px 9px;border:1px solid #e4e6ed;border-radius:8px;background:#f7f8fb}.image-generation-attempt-title b{font-size:10px}.image-generation-attempt-title span{color:#7f899b;font-size:8px}.image-generation-stage{margin-bottom:7px;border:1px solid #e3e6ed;border-radius:10px;background:#fff}.image-generation-stage[open]{border-color:#ccc7f8}.image-generation-stage summary{display:grid;grid-template-columns:27px minmax(180px,1fr) auto auto;gap:9px;align-items:center;padding:10px;cursor:pointer;list-style:none}.image-generation-stage summary::-webkit-details-marker{display:none}.image-generation-stage-index{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eceaff;color:#5c52d8;font:700 9px var(--mono)}.image-generation-stage.failed .image-generation-stage-index{background:#ffebeb;color:#c94343}.image-generation-stage-title{display:flex;min-width:0;flex-direction:column}.image-generation-stage-title b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.image-generation-stage-title code{margin-top:2px;overflow:hidden;color:#8c95a6;font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap}.image-generation-stage summary>time{color:#5f6c82;font:9px var(--mono)}.image-generation-stage-kind{border-radius:99px;background:#eef1f5;padding:3px 7px;color:#788398;font-size:8px;font-weight:800}.image-generation-stage-kind.model{background:#eceaff;color:#5c52d8}.image-generation-stage-body{padding:0 10px 11px;border-top:1px solid #eceef3}.image-generation-stage-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}.image-generation-stage-actions span{color:#7c8698;font-size:9px}.image-generation-model-test{border:1px solid #d7d3fb;border-radius:7px;background:#f7f6ff;padding:6px 9px;color:#574dc9;font-size:9px;font-weight:800}.image-generation-io{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-generation-io section{min-width:0;overflow:hidden;border:1px solid #e5e7ed;border-radius:8px}.image-generation-io h5{margin:0;padding:7px 9px;background:#f7f8fa;color:#6f7a8e;font-size:8px}.image-generation-io pre{max-height:300px;margin:0;overflow:auto;padding:10px;background:#151b28;color:#dbe2ef;font:9px/1.55 var(--mono);white-space:pre-wrap;word-break:break-word}.image-generation-stage-error{margin:8px 0 0;padding:8px;border-radius:7px;background:#fff0f0;color:#b33f3f;font-size:9px;white-space:pre-wrap}.image-generation-loading{display:grid;min-height:380px;place-items:center;border:1px dashed var(--line);border-radius:10px;background:#fafbfc;color:#858fa2;font-size:11px}.model-replay-source{margin:14px 0;padding:13px;border:1px solid #d9d5fb;border-radius:10px;background:#f8f7ff}.model-replay-source>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.model-replay-source>div b{font-size:11px}.model-replay-source>div span{color:#665bd7;font-size:9px;font-weight:800}.model-replay-source>p{margin:6px 0 10px;color:#6c7690;font-size:10px}.model-replay-source label{margin:0}.model-replay-source textarea{min-height:210px;font:9px/1.55 var(--mono);tab-size:2}.model-replay-source>.ghost{margin-top:9px;padding:6px 9px;font-size:9px}.model-image-output{width:100%;margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0;color:#59657b;text-align:left}.model-image-output img{width:100%;max-height:520px;display:block;background:#f0f2f6;object-fit:contain}.model-image-output span{display:block;padding:9px;text-align:center;font-size:10px;font-weight:800}

.image-generation-job-duration{display:flex;flex:none;align-items:flex-end;flex-direction:column;gap:2px;color:#788398}.image-generation-job-duration b{color:#536076;font-size:9px}.image-generation-job-duration small{color:#939cad;font-size:8px}.image-generation-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.image-generation-overview>div.primary{background:#eeecff;color:#4f45c9}.image-generation-overview>div.primary span{color:#6b62d3}.image-generation-image-media{position:relative;height:122px;background:#f0f2f6}.image-generation-image-media img{height:100%;background:transparent}.image-generation-image-media p{height:100%;display:none;margin:0;padding:12px;place-items:center;color:#7d8799;font-size:9px;line-height:1.55;text-align:center}.image-generation-image.unavailable img{display:none}.image-generation-image.unavailable .image-generation-image-media p{display:grid}.image-generation-timeline-label i.app,.image-generation-timeline-bar.app{background:#df8a36}.image-generation-timeline-label i.biz,.image-generation-timeline-bar.biz{background:#4286d9}
.image-generation-section-actions{display:flex;align-items:center;gap:9px}.image-generation-section-actions p{margin:0;color:#788398;font:9px var(--mono)}.image-generation-stage-open{padding:6px 9px;font-size:9px}.image-generation-stage-dialog{width:min(1120px,calc(100vw - 32px));height:min(840px,calc(100dvh - 32px));max-height:none}.image-generation-stage-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.image-generation-stage-dialog-head h2{margin:0 0 3px}.image-generation-stage-dialog-body{max-height:none;min-height:0;padding:14px 18px 22px;scrollbar-color:#c5cad5 transparent;scrollbar-width:thin}.image-generation-stage-dialog-body .image-generation-attempt:first-child{margin-top:0}.image-generation-stage-dialog-body .image-generation-attempt-title{top:-14px}.image-generation-stage-dialog-body .trace-empty{min-height:300px}

@media(max-width:1180px){.image-generation-layout{grid-template-columns:minmax(260px,.62fr) minmax(520px,1.35fr)}.image-generation-overview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.image-generation-layout{grid-template-columns:1fr}.image-generation-list{min-height:220px;max-height:320px}.image-generation-detail{max-height:none}.image-generation-timeline-axis,.image-generation-timeline-row{grid-template-columns:minmax(125px,.7fr) minmax(220px,1.4fr) 58px}}
@media(max-width:620px){.image-generation-overview,.image-generation-io{grid-template-columns:1fr}.image-generation-section-head{align-items:flex-start}.image-generation-section-actions{align-items:flex-end;flex-direction:column}.image-generation-timeline{overflow-x:auto}.image-generation-timeline-axis,.image-generation-timeline-row{min-width:570px}.image-generation-stage-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.image-generation-stage-dialog-body{padding:12px}.image-generation-stage summary{grid-template-columns:27px minmax(120px,1fr) auto}.image-generation-stage-kind{display:none}.image-generation-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.image-generation-model-request{grid-column:1/-1}
.image-generation-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.image-generation-evidence>section{min-width:0;border:1px solid #e3e6ed;border-radius:11px;background:#fff;padding:10px}.image-generation-evidence h5{margin:0;color:#273147;font-size:11px}.image-generation-evidence>section>p{min-height:30px;margin:4px 0 9px;color:#7a8598;font-size:8px;line-height:1.5}.image-generation-evidence-content{display:grid;gap:7px}.image-generation-evidence-images{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}.image-generation-image.diagnostic img{object-fit:contain}.image-generation-measurement{display:grid;gap:7px;border:1px solid #e4e7ed;border-radius:8px;background:#f8f9fb;padding:8px}.image-generation-measurement>div{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.image-generation-measurement b{font-size:9px}.image-generation-measurement span{color:#7b8597;font:8px var(--mono);text-align:right}.image-generation-measurement.accepted{border-color:#bfe6d7;background:#f1fbf7}.image-generation-measurement.rejected{border-color:#efcece;background:#fff7f7}.image-generation-measurement dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;margin:0;font-size:8px}.image-generation-measurement dt{color:#8993a4}.image-generation-measurement dd{margin:0;overflow-wrap:anywhere;color:#4e5a70;font-family:var(--mono)}.image-generation-measurement p{margin:0;color:#a23f3f;font-size:8px;line-height:1.45}.image-generation-evidence-empty{min-height:122px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px dashed #d8dce5;border-radius:9px;background:#f8f9fb;padding:12px;color:#7c879a;font-size:9px;line-height:1.5;text-align:center}.image-generation-evidence-empty b{color:#4f5c72;font-size:10px}
@media(max-width:1180px){.image-generation-evidence{grid-template-columns:1fr}}