.image-video-workflow{margin:14px 0 8px;padding:16px;border:1px solid rgba(99,102,241,.22);border-radius:20px;background:linear-gradient(145deg,rgba(238,242,255,.96),rgba(240,253,250,.94));box-shadow:0 16px 38px rgba(30,64,175,.1)}
.image-video-workflow.hidden{display:none}
.image-video-workflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.image-video-workflow-head>div{display:grid;gap:3px}
.image-video-workflow-head span{color:#4f46e5!important;font-size:10px;font-weight:1000;letter-spacing:.14em}
.image-video-workflow-head b{color:#17202a!important;font-size:18px;line-height:1.3}
.image-video-workflow-head p{margin:0;color:#64748b!important;font-size:12px;line-height:1.5}
.image-video-workflow-head em{flex:none;padding:6px 10px;border:1px solid #c7d2fe;border-radius:999px;background:#fff;color:#4338ca!important;font-size:11px;font-style:normal;font-weight:900}
.image-video-frame-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch}
.image-video-workflow .image-video-source{grid-template-columns:116px minmax(0,1fr);gap:12px;min-width:0;margin:0;padding:12px;border:1px solid rgba(99,102,241,.2);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(15,23,42,.06);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.image-video-workflow .image-video-source:hover{transform:translateY(-1px);border-color:rgba(79,70,229,.42);box-shadow:0 13px 28px rgba(30,64,175,.11)}
.image-video-workflow .image-video-frame-last{border-color:rgba(14,165,233,.22)}
.image-video-workflow .image-video-source.has-image{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.08),0 12px 28px rgba(30,64,175,.12)}
.image-video-workflow .image-video-frame-last.has-image{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.08),0 12px 28px rgba(14,116,144,.11)}
.image-video-workflow .image-video-preview{position:relative;width:116px;aspect-ratio:4/3;border:1.5px dashed #a5b4fc;border-radius:12px;background:radial-gradient(circle at 35% 25%,#fff 0,#eef2ff 42%,#e0e7ff 100%);color:#6366f1!important;font-size:11px;line-height:1.4}
.image-video-workflow .image-video-frame-last .image-video-preview{border-color:#7dd3fc;background:radial-gradient(circle at 35% 25%,#fff 0,#ecfeff 45%,#e0f2fe 100%);color:#0284c7!important}
.image-video-workflow .has-image .image-video-preview{border-style:solid;border-color:transparent;background:#0f172a}
.image-video-workflow .image-video-preview:before{content:"+";position:absolute;right:7px;bottom:7px;z-index:1;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#6366f1;color:#fff;font-size:16px;font-weight:500;box-shadow:0 4px 10px rgba(79,70,229,.25)}
.image-video-workflow .image-video-frame-last .image-video-preview:before{background:#0ea5e9}
.image-video-workflow .has-image .image-video-preview:before{content:"✓";background:#10b981;font-size:12px;font-weight:900}
.image-video-workflow .image-video-preview span{max-width:92px;padding:8px;color:inherit!important}
.image-video-workflow .image-video-preview img{position:relative;z-index:0}
.image-video-workflow .image-video-source-copy{display:flex;min-width:0;flex-direction:column;justify-content:center}
.image-video-frame-head{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
.image-video-frame-head b{min-width:0;overflow:hidden;color:#17202a!important;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.image-video-frame-head span{flex:none;padding:3px 7px;border-radius:999px;background:#ede9fe;color:#6d28d9!important;font-size:10px;font-weight:900}
.image-video-frame-last .image-video-frame-head span{background:#e0f2fe;color:#0369a1!important}
.image-video-workflow .image-video-source-copy p{min-height:36px;margin:5px 0 9px!important;color:#64748b!important}
.image-video-workflow .image-video-source-copy>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.image-video-workflow .image-video-source-copy button{height:34px!important;margin:0!important;border:1px solid #c7d2fe!important;border-radius:9px!important;background:#4f46e5!important;color:#fff!important;font-weight:900!important;box-shadow:0 6px 12px rgba(79,70,229,.14)}
.image-video-workflow .image-video-source-copy .light-btn{background:#eef2ff!important;color:#4338ca!important;box-shadow:none}
.image-video-workflow .image-video-source-copy .ghost-btn{grid-column:1/-1;background:#fff!important;color:#64748b!important;border-color:#e2e8f0!important;box-shadow:none}
.image-video-workflow .image-video-frame-last .image-video-source-copy button:not(.ghost-btn){border-color:#bae6fd!important;background:#0284c7!important}
.image-video-workflow .image-video-frame-last .image-video-source-copy .light-btn{background:#e0f2fe!important;color:#0369a1!important}
.image-video-frame-link{display:grid;align-content:center;justify-items:center;gap:2px;color:#6366f1}
.image-video-frame-link span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#6366f1,#0ea5e9);color:#fff!important;font-size:16px;font-weight:900;box-shadow:0 7px 14px rgba(79,70,229,.2)}
.image-video-frame-link small{color:#64748b!important;font-size:9px;font-weight:900}
.prompt-card.image-video-mode .prompt-options{gap:8px!important;margin-top:12px!important}
.prompt-card.image-video-mode .control-select{display:flex;height:40px!important;align-items:center;justify-content:center;padding:0 8px!important;border-color:#c7d2fe;background:#f8faff;color:#3730a3;font-size:12px;line-height:1.18;text-align:center;white-space:normal}
.prompt-card.image-video-mode #generate{background:linear-gradient(135deg,#4f46e5,#0ea5e9)!important;box-shadow:0 12px 24px rgba(79,70,229,.24)!important}
@media(max-width:760px){.image-video-frame-grid{grid-template-columns:1fr}.image-video-frame-link{height:38px}.image-video-frame-link span{width:24px;height:24px;transform:rotate(90deg);font-size:14px}.image-video-frame-link small{display:none}.image-video-workflow .image-video-source{grid-template-columns:104px minmax(0,1fr)}.image-video-workflow .image-video-preview{width:104px}}
@media(max-width:420px){.image-video-workflow{padding:12px;border-radius:16px}.image-video-workflow-head p{max-width:220px}.image-video-workflow-head em{padding:5px 8px}.image-video-workflow .image-video-source{grid-template-columns:88px minmax(0,1fr);padding:10px}.image-video-workflow .image-video-preview{width:88px}.image-video-workflow .image-video-source-copy button{padding:0 7px!important;font-size:10.5px!important}}