.generation-tracker{align-self:start;padding:26px;min-width:0;min-height:560px;background:linear-gradient(150deg,#f5faf8 0%,#fff 48%)}
.tracker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.tracker-heading h2{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:6px 0}.tracker-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#6d918b}.tracker-heading .btn{flex-shrink:0;gap:6px}.tracker-heading .icon{width:14px;height:14px}
.tracker-summary{font-size:12px;color:#708583;margin:8px 0 22px;line-height:1.7}.tracker-notice{font-size:12px;line-height:1.8;color:#8c662d;background:#fff7e9;border:1px solid #eddfc3;border-radius:9px;padding:12px 16px;margin-bottom:16px;overflow-wrap:anywhere}
.tracker-cards{display:grid;gap:18px}.tracker-card{min-width:0;border:1px solid #dae7e4;border-radius:12px;background:#fff;padding:20px}.tracker-task-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tracker-task-number{font-size:10px;color:#829491}.tracker-task-head h3{font-size:15px;font-weight:600;margin:5px 0}.tracker-status{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:6px 9px;border-radius:6px;background:#eff4f4;color:#557676;font-size:11px}.tracker-status i{height:6px;width:6px;border-radius:50%;background:currentColor}.tracker-status.running,.tracker-status.done{background:#e9f5ee;color:#397861}.tracker-status.failed{background:#fbefed;color:#a05748}.tracker-status.warning{background:#fcf4e7;color:#98733d}
.tracker-prompt{font-size:12px;color:#687f7d;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 16px}.tracker-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.tracker-stages span{display:flex;align-items:center;gap:6px;font-size:11px;color:#9baaa8}.tracker-stages i{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #e1e8e6;border-radius:50%;font-size:9px;font-style:normal}.tracker-stages .passed,.tracker-stages .current{color:#367261}.tracker-stages .passed i{background:#edf6f1;border-color:#c8e2d6}.tracker-stages .current i{background:#204b4b;color:white;border-color:#204b4b}
.tracker-progress{height:4px;background:#edf3f1;border-radius:3px;overflow:hidden;margin:15px 0}.tracker-progress i{height:100%;display:block;background:linear-gradient(90deg,#9cc7b7,#387c72);border-radius:3px;transition:width .3s}.tracker-progress.indeterminate i{width:28%;animation:tracker-slide 2s ease-in-out infinite}@keyframes tracker-slide{from{transform:translateX(-110%)}to{transform:translateX(460%)}}
.tracker-metrics{display:flex;flex-wrap:wrap;gap:7px 18px;font-size:11px;color:#7a8d89;margin:12px 0}.tracker-metrics b{font-weight:400;font-variant-numeric:tabular-nums}.tracker-task-message{font-size:12px;line-height:1.8;color:#687f7a;margin:12px 0;overflow-wrap:anywhere}.tracker-task-message.status-error{color:#a05748}.tracker-task-meta{font-size:10px;color:#8b9b96;border-top:1px solid #edf2ef;padding-top:10px;margin-top:15px}.tracker-task-meta summary{cursor:pointer}.tracker-task-meta span{display:block;overflow-wrap:anywhere;line-height:1.8;margin-top:5px}
.tracker-video{display:grid;gap:12px;margin-top:18px;justify-items:start}.tracker-video video{width:100%;max-height:480px;aspect-ratio:16/9;object-fit:contain;background:#11282a;border-radius:9px}.tracker-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:18px}.tracker-images figure{margin:0;min-width:0}.tracker-images button{padding:0;width:100%;border:0;background:#edf3f0;border-radius:8px;overflow:hidden;cursor:zoom-in}.tracker-images img{width:100%;max-height:340px;object-fit:contain;display:block}.tracker-images a{margin-top:8px}.tracker-full-image{width:100%;max-height:70vh;object-fit:contain;display:block;border-radius:10px}
.tracker-empty{padding:105px 12px;text-align:center;color:#7b9290}.tracker-empty>.icon{width:46px;height:46px;opacity:.5;margin:0 auto 20px}.tracker-empty h3{font-size:18px;color:#345858;font-weight:500;margin:14px}.tracker-empty p{font-size:12px;line-height:1.8}.tracker-empty small{font-size:10px;color:#9aaca7;display:block;margin-top:8px}.tracker-empty[hidden],.tracker-notice[hidden]{display:none}
@media(max-width:1100px){.generation-tracker{padding:20px}.tracker-card{padding:16px}}@media(max-width:600px){.generation-tracker{padding:18px;min-height:360px}.tracker-heading h2{font-size:17px}.tracker-heading .btn{padding:6px 9px;font-size:10px}.tracker-card{padding:14px}.tracker-stages{gap:4px}.tracker-stages span{font-size:10px;gap:4px}.tracker-task-head h3{font-size:13px}.tracker-empty{padding:65px 8px}.tracker-images{grid-template-columns:1fr}.tracker-video video{max-height:320px}.tracker-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tracker-progress.indeterminate i{animation:none;width:40%}.tracker-progress i{transition:none}}
.generation-tracker{min-height:0;padding:22px}.tracker-heading h2{margin:0;font-size:18px}.tracker-summary{margin-bottom:16px}.tracker-cards{gap:0;border:1px solid #e1eae7;border-radius:10px;overflow:hidden}.tracker-cards:empty{border:0}.tracker-card{padding:0;border:0;border-radius:0;background:transparent}.tracker-card+.tracker-card{border-top:1px solid #e8eeeb}.tracker-row{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:14px 16px;background:white;cursor:pointer;min-height:76px;border:0}.tracker-row:hover,.tracker-card.is-open>.tracker-row{background:#f1f7f4}.tracker-row:focus-visible{outline:2px solid #397969;outline-offset:-2px}.tracker-row-index{font-size:11px;color:#94aaa3;font-variant-numeric:tabular-nums;width:20px;flex-shrink:0}.tracker-row-copy{flex:1;min-width:0}.tracker-row-copy strong{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#325753;line-height:1.6}.tracker-row-copy small{display:block;font-size:10px;color:#92a49d;margin-top:5px;line-height:1.5}.tracker-row-arrow{display:flex;color:#8da59b}.tracker-row-arrow .icon{width:14px;height:14px;transition:transform .15s}.tracker-card.is-open .tracker-row-arrow .icon{transform:rotate(180deg)}.tracker-expanded{padding:18px 20px 20px;border-top:1px solid #e8efeb;background:#fff}.tracker-expanded[hidden]{display:none}.tracker-expanded>.tracker-task-head{display:none}.tracker-expanded>.tracker-prompt{display:block;-webkit-line-clamp:unset;max-height:150px;overflow:auto;white-space:pre-wrap;margin-top:0}.tracker-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tracker-actions .btn{font-size:11px}.tracker-detail-loading{padding:24px;font-size:12px;color:#7a9289;text-align:center}.tracker-video video{max-height:360px}.tracker-images img{max-height:280px}
@media(max-width:600px){.generation-tracker{padding:15px}.tracker-row{padding:12px 10px;gap:8px;min-height:75px}.tracker-row-index{display:none}.tracker-row .tracker-status{padding:5px 6px;font-size:9px}.tracker-row-copy small{font-size:9px}.tracker-expanded{padding:15px 12px}.tracker-row-copy strong{font-size:11px}.tracker-heading h2{font-size:17px}}

.history-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0;padding:12px;background:#f4f8f6;border:1px solid #dce6e1;border-radius:8px;font-size:12px}.history-controls[hidden]{display:none}.history-controls small{flex-basis:100%;color:#596d74}.history-controls button,.history-more{border:1px solid #bdceca;border-radius:6px;padding:7px 10px;background:white;font-size:12px;cursor:pointer}.history-controls button:disabled{opacity:.5;cursor:default}.history-choice{display:flex!important;align-items:center;gap:8px;padding:9px 15px;color:#576e64;background:#f4f8f6;font-size:12px}.history-choice input{width:16px!important;height:16px!important;margin:0!important;accent-color:#397969}.history-footer{display:flex;justify-content:center;padding:15px 0 0}.history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-more[hidden]{display:none}.history-more{max-width:100%}.tracker-heading{flex-wrap:wrap}.tasks-panel,.task-list{max-height:none;overflow:visible}@media(max-width:600px){.history-controls{font-size:11px}.history-actions{gap:5px}}
.tracker-row-header{display:flex;align-items:center;gap:2px;padding-right:8px;background:#fff}
.tracker-row-header .tracker-row{flex:1;min-width:0;width:auto}
.tracker-card.is-open>.tracker-row-header,.tracker-card.is-open>.tracker-row-header .tracker-row{background:#f1f7f4}
.tracker-row-download{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:36px;min-height:36px;padding:5px;color:#256456;border:1px solid #bed3cb;border-radius:6px;font-size:11px;flex-shrink:0;background:#f3f9f6}
.tracker-row-download .icon{width:14px;height:14px}.tracker-row-download span{display:none}
.tracker-row-download:hover{background:#e2f1e9;border-color:#6b9a8c}.tracker-row-download[hidden],.tracker-lead[hidden]{display:none!important}
.tracker-row-download[aria-busy]{max-width:74px;font-size:10px;line-height:1.4}
.tracker-lead{padding:0 10px 12px;background:#fff}.tracker-lead>video,.tracker-lead-image{display:block;width:100%;aspect-ratio:16/10;max-height:300px;border-radius:7px;overflow:hidden;background:#edf4f1}
.tracker-lead>video{object-fit:contain;background:#183d3a}.tracker-lead-image{padding:0;cursor:zoom-in}.tracker-lead-image img{display:block;width:100%;height:100%;max-height:300px;object-fit:contain}
.tracker-lead>small{display:block;color:#59736b;margin-top:6px;font-size:11px}.tracker-lead-progress{padding:14px;background:#f0f7f3;border:1px solid #d2e5da;border-radius:7px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#2c6758;font-size:12px}
.tracker-lead-progress .tracker-progress{flex-basis:100%;margin:2px 0 0}.tracker-lead-note{font-size:12px;color:#5a756b;padding:8px 4px;line-height:1.7}
@media(min-width:1600px){.tracker-row-download span{display:inline}.tracker-row-download{padding:5px 7px}}