.image2-stage{display:grid;gap:18px;color:#edf4f6}.image2-heading,.image2-panel{border:1px solid #29404a;border-radius:16px;background:linear-gradient(145deg,#101b1f,#0b1113);padding:20px}.image2-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.image2-heading h3,.image2-panel h4,.image2-keyframe-card h5{margin:5px 0;color:#fff}.image2-heading p,.image2-panel p,.image2-help{color:#aabac0;line-height:1.6;margin:0}.eyebrow{font-size:12px;letter-spacing:.12em;color:#ffab38;font-weight:700}.image2-readonly,.image2-badge{border:1px solid #3b4d54;border-radius:999px;padding:8px 12px;font-size:13px;color:#c8d6da}.image2-panel-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.image2-assets-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.image2-assets-form label,.image2-frame-form label{display:grid;gap:7px;color:#d9e4e7;font-weight:600;font-size:14px}.asset-upload{min-height:145px;border:1px dashed #45606a;border-radius:12px;padding:12px}.asset-upload input,.image2-overrides input{max-width:100%}select,textarea{box-sizing:border-box;width:100%;border:1px solid #40555d;border-radius:9px;background:#0a1114;color:#eef4f5;padding:10px;font:inherit}.asset-preview{display:flex;align-items:center;justify-content:center;height:64px;margin-top:8px;border-radius:8px;background:#071013;overflow:hidden}.asset-preview img{width:100%;height:100%;object-fit:contain}.image2-empty{color:#71868f;font-size:12px}.image2-shot-tabs{display:flex;gap:10px;overflow-x:auto;padding:2px}.image2-shot-tabs button{min-width:170px;text-align:left;background:#101b1f;color:#c9d7db;border:1px solid #38505a;border-radius:12px;padding:12px;cursor:pointer}.image2-shot-tabs button.active{border-color:#ff9e23;background:#2b1c0d;color:#fff}.image2-shot-tabs small{display:block;color:#8ba0a9;margin-top:5px}.image2-keyframes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.image2-keyframe-card{border:1px solid #2f4650;border-radius:14px;padding:14px;background:#0b1316;display:grid;gap:13px}.image2-keyframe-card>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.image2-status{border-radius:999px;padding:6px 9px;font-size:12px;white-space:nowrap;background:#223039;color:#d9e6e8}.image2-status.success,.image2-status.running{background:#0e3c31;color:#67e6b3}.image2-status.failed{background:#4b1d20;color:#ffafb2}.image2-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.image2-image-button{min-height:180px;border:1px solid #36505a;border-radius:10px;background:#070d0f;color:#c5d5d9;padding:8px;display:grid;grid-template-rows:1fr auto;gap:8px;text-align:left;cursor:pointer;overflow:hidden}.image2-image-button:disabled{cursor:default;opacity:.7}.image2-image-button img{display:block;width:100%;height:150px;object-fit:contain;background:#05090a;border-radius:7px}.image2-frame-form{display:grid;gap:11px}.image2-frame-form details,.image2-history{border-top:1px solid #263b43;padding-top:10px}.image2-frame-form summary,.image2-history summary{cursor:pointer;color:#ffb24b}.image2-source-state{display:flex;gap:8px;flex-wrap:wrap}.image2-source-state span{font-size:12px;padding:4px 7px;border-radius:999px;background:#1a292e;color:#b9c9cd}.image2-overrides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.image2-frame-actions{display:flex;flex-wrap:wrap;gap:8px}.image2-frame-actions button,.image2-assets-form button{border-radius:9px;padding:10px 13px;border:1px solid #52666d;background:#132025;color:#edf5f6;cursor:pointer;font-weight:700}.image2-frame-actions button:disabled,.image2-assets-form button:disabled{opacity:.45;cursor:not-allowed}.image2-frame-actions .primary,.image2-assets-form .primary{background:#ff9f20;border-color:#ff9f20;color:#1a1004}.image2-frame-actions .success{background:#1da977;border-color:#1da977;color:#04160f}.image2-frame-actions .ghost{background:transparent}.operation-feedback.error{border:1px solid #8d383b;background:#311719;color:#ffc6c8;border-radius:9px;padding:10px;font-size:13px}.image2-history ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}.image2-history li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #34505b;border-radius:10px;background:#0a1215}.image2-history li.selected{border-color:#26c98b;background:linear-gradient(90deg,#0d3b2f,#0b1d1c)}.image2-history .version-preview{border:0;background:transparent;color:#c8e5f2;padding:4px 0;cursor:pointer;text-align:left;font-size:14px}.image2-history .version-use{flex:0 0 auto;min-width:108px;border:1px solid #ff9f20;background:#ff9f20;color:#1d1103;border-radius:8px;padding:9px 12px;font-weight:800;cursor:pointer;box-shadow:0 0 16px rgba(255,159,32,.22)}.image2-history .version-use:hover:not(:disabled){background:#ffb640;border-color:#ffb640}.image2-history .version-use:disabled{border-color:#1da977;background:#1da977;color:#04160f;opacity:1;cursor:default;box-shadow:none}.image2-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.76);display:grid;place-items:center;padding:5vw}.image2-modal[hidden]{display:none}.image2-modal-card{max-width:90vw;max-height:85vh;display:grid;gap:10px;background:#111c20;border:1px solid #49616b;border-radius:14px;padding:16px}.image2-modal-card button{justify-self:end;border:1px solid #576d75;border-radius:8px;background:#1a282d;color:#fff;padding:7px 10px;cursor:pointer}.image2-modal-card h4{margin:0}.image2-modal-card img{max-width:85vw;max-height:70vh;object-fit:contain}@media(max-width:900px){.image2-heading,.image2-panel-head{display:grid}.image2-assets-form{grid-template-columns:1fr 1fr}.image2-overrides{grid-template-columns:1fr}}@media(max-width:580px){.image2-assets-form,.image2-keyframes-grid{grid-template-columns:1fr}.image2-compare{grid-template-columns:1fr}}
.image2-batch-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.image2-batch-actions button{border-radius:9px;padding:10px 13px;border:1px solid #52666d;background:#132025;color:#edf5f6;cursor:pointer;font-weight:700}.image2-batch-actions .primary{background:#ff9f20;border-color:#ff9f20;color:#1a1004}.image2-batch-actions .success{background:#1da977;border-color:#1da977;color:#04160f}.image2-panel-head{align-items:flex-start}.image2-badge{align-self:flex-start;white-space:nowrap}.image2-cost{padding:8px 10px;border-radius:8px;background:#251b0c;color:#ffc56b;font-size:12px;border:1px solid #654718}.image2-upload-focus{border-color:#b06f1c;background:linear-gradient(145deg,#20170b,#0d1316)}.image2-upload-focus h4{font-size:22px}.image2-upload-focus .image2-assets-form{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) minmax(260px,.9fr)}.asset-product{border-color:#ffad28;background:#211706}.asset-background{border-color:#4b7180;background:#0d1a20}.asset-upload{font-size:16px}.asset-upload .asset-preview{height:92px}.image2-upload-focus .primary{height:56px;font-size:16px}@media(max-width:900px){.image2-upload-focus .image2-assets-form{grid-template-columns:1fr 1fr}}
.image2-heading:empty{display:none!important}