.stage4-shell{margin-top:24px}.stage4-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border:1px solid #303a42;border-radius:12px;background:#101519}.stage4-intro b{font-size:18px}.stage4-intro p{margin:6px 0 0;color:#8f9eaa}.stage4-intro button,.stage4-generate{border:0;border-radius:8px;background:linear-gradient(90deg,#ff6b2d,#ffad1f);color:#111;font-weight:700;padding:12px 18px;cursor:pointer}.stage4-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;margin-top:16px}.stage4-card{min-width:0;padding:16px;border:1px solid #34434d;border-radius:12px;background:#0d1316}.stage4-card header{display:flex;justify-content:space-between;gap:12px;align-items:start}.stage4-card h4{margin:6px 0;font-size:20px}.stage4-index{color:#ff9d2f;font-size:12px}.stage4-media{aspect-ratio:16/9;background:#050607;border-radius:8px;overflow:hidden;margin:12px 0}.stage4-media video{width:100%;height:100%;object-fit:contain}.stage4-frames{display:flex;gap:8px;overflow-x:auto;min-height:82px}.stage4-keyframe{flex:0 0 70px}.stage4-keyframe img{display:block;width:70px;height:82px;object-fit:contain;background:#050607;border-radius:6px}.stage4-keyframe span{font-size:11px;color:#9aa9b4}.stage4-empty{color:#8999a3;padding:24px 0}.stage4-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.stage4-fields label{display:grid;gap:5px;color:#a8b4bc;font-size:13px}.stage4-fields select,.stage4-prompt textarea{background:#0a0f11;color:#eef4f7;border:1px solid #3b4b56;border-radius:7px;padding:10px}.stage4-prompt{margin-bottom:12px}.stage4-prompt summary{color:#b5c2cb;cursor:pointer}.stage4-prompt textarea{width:100%;min-height:80px;margin-top:8px;box-sizing:border-box}.stage4-generate{width:100%}.stage4-card-status,.stage4-status{margin-top:10px;color:#a0b1bc;font-size:13px}.stage4-status{padding:12px;border-radius:8px;background:#152026}.stage4-status.ok{color:#52d49a}.stage4-status.error{color:#ff8d8d;background:#2b1517}.stage4-tasks{margin-top:18px;padding:16px;border:1px solid #303a42;border-radius:12px}.stage4-task{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #273238}.stage4-task>div{grid-column:1/-1;background:#222c31;height:6px;border-radius:99px;overflow:hidden}.stage4-task i{display:block;height:100%;background:#42d39b}.stage4-next{margin-top:18px;color:#8496a1}@media(max-width:700px){.stage4-intro{display:block}.stage4-intro button{margin-top:12px;width:100%}.stage4-grid{grid-template-columns:1fr}}
.stage4-card-progress{margin-top:12px;padding:10px;border:1px solid #34434d;border-radius:8px;background:#111a1f}.stage4-card-progress-head{display:flex;justify-content:space-between;gap:10px;color:#c8d7df;font-size:13px}.stage4-card-progress-head b{color:#ffb347}.stage4-card-progress-track{height:8px;margin-top:8px;border-radius:99px;overflow:hidden;background:#26343c}.stage4-card-progress-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff6b2d,#ffad1f);transition:width .4s ease}.stage4-card-progress.success .stage4-card-progress-track i{background:#42d39b}.stage4-card-progress.failed{border-color:#7f3940}.stage4-card-progress.failed .stage4-card-progress-track i{background:#ef5964}.stage4-result{margin-top:14px;padding:12px;border:1px solid #2d7c61;border-radius:9px;background:#10251f}.stage4-result>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.stage4-result b{color:#55dfaa}.stage4-result span{color:#9db7aa;font-size:12px}.stage4-result video{display:block;width:100%;max-height:340px;border-radius:7px;background:#050607}
.stage4-billing{margin-top:14px;padding:14px 16px;border:1px solid #6a5128;border-radius:10px;background:#1c1710;display:grid;gap:6px}.stage4-billing b{color:#ffb23f}.stage4-billing span,.stage4-price{font-size:13px;color:#d8c8aa}.stage4-price{margin:-4px 0 12px;padding:9px 10px;border-radius:7px;background:#152026;border-left:3px solid #ff9d2f}

.stage4-final-action{display:block;width:100%;margin-top:18px;padding:15px 18px;border:1px solid #18ba7d;border-radius:10px;background:linear-gradient(90deg,#12a870,#26ca93);color:#041b12;font-weight:800;font-size:16px;cursor:pointer}.stage4-final-action:hover{filter:brightness(1.08)}.stage4-history{margin:12px 0;border-top:1px solid #263b43;padding-top:10px}.stage4-history summary{cursor:pointer;color:#ffb24b}.stage4-history-list{display:grid;gap:8px;margin-top:10px}.stage4-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;border:1px solid #34505b;border-radius:10px;background:#0a1215}.stage4-history-row.selected{border-color:#26c98b;background:linear-gradient(90deg,#0d3b2f,#0b1d1c)}.stage4-history-row button{border:1px solid #ff9f20;background:#ff9f20;color:#1d1103;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}.stage4-history-row button:disabled{border-color:#1da977;background:#1da977;color:#04160f;opacity:1;cursor:default}