/* 💡 Агент «Видео» → «Идеи» (#3280, макет ✅ Армана 03.11 06:38 — docs/approved/video_ideas.md) */
.ov-root .o9-ctabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.ov-root .o9-ctabs::-webkit-scrollbar { display: none; }
.ov-root .o9-ctabs .o9-ctab { flex: 1 0 auto; padding: 0 12px; white-space: nowrap; }
.ovi-gen { border-radius: 18px; padding: 14px; background: linear-gradient(180deg, #2a1217, #1d0b0f); border: 1.5px solid rgba(242,196,109,.45); }
.ovi-gen h3 { margin: 0 0 4px; font: 700 19px/1.25 Georgia, serif; color: #fbf1de; }
.ovi-s { margin: 0 0 12px; color: #c9bba3; font-size: 14px; }
.ovi-step { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.ovi-step button { flex: none; width: 48px; height: 48px; border-radius: 14px; border: 1.5px solid rgba(242,196,109,.45); background: #241114; color: #f2c46d; font-size: 24px; font-weight: 700; cursor: pointer; }
.ovi-step button:disabled { opacity: .4; }
.ovi-v { flex: 1; height: 48px; border-radius: 14px; background: #0f0608; border: 1.5px solid rgba(242,196,109,.25); display: grid; place-items: center; font: 700 26px/1 Georgia, serif; color: #fbf1de; }
.ovi-chips { display: flex; gap: 6px; margin: 0 0 12px; }
.ovi-chips button { flex: 1; min-height: 44px; border-radius: 22px; border: 1px solid rgba(242,196,109,.3); background: none; color: #fbf1de; font-size: 15px; cursor: pointer; }
.ovi-chips button.on { border-color: #f2c46d; color: #f2c46d; background: rgba(242,196,109,.1); }
.ovi-go { width: 100%; min-height: 54px; border: 0; border-radius: 16px; background: linear-gradient(180deg, #ffd877, #e0a43a); color: #2a1205; font-size: 18px; font-weight: 800; cursor: pointer; }
.ovi-go.armed { background: #ff9a3c; }
.ovi-go:disabled { opacity: .55; cursor: default; }
.ovi-lim { margin: 10px 0 0; font-size: 14px; color: #c9bba3; }
.ovi-lim b { color: #8fdcae; }
.ovi-lim.is-err { color: #ff9a8a; }
.ovi-meter { height: 8px; border-radius: 4px; background: #0f0608; overflow: hidden; margin-top: 6px; }
.ovi-meter i { display: block; height: 100%; background: linear-gradient(90deg, #8fdcae, #f2c46d); }
.ovi-fl { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 18px 0 10px; }
.ovi-fl h3 { margin: 0; font: 700 18px/1.2 Georgia, serif; color: #fbf1de; }
.ovi-fl span { font-size: 14px; color: #c9bba3; }
.ovi-grid { display: grid; grid-template-columns: 1fr; gap: 10px; align-items: start; }
.ovi-card { display: grid; grid-template-columns: 112px 1fr; grid-template-areas: "th tx" "ft ft"; border-radius: 16px; overflow: hidden; background: #1d0b0f; border: 1.5px solid rgba(242,196,109,.22); }
.ovi-card.st-working, .ovi-card.st-drawing { border-color: rgba(143,220,174,.5); }
.ovi-card.st-ready { border-color: #f2c46d; }
.ovi-card.st-edit { border-color: #9ec5ff; }
.ovi-card.st-failed { border-color: rgba(255,154,138,.5); }
.ovi-th { grid-area: th; position: relative; min-height: 150px; background: #000; display: grid; place-items: center; font-size: 28px; }
.ovi-th img, .ovi-vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ovi-no { position: absolute; top: 8px; left: 8px; width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(180deg, #ffd877, #e0a43a); color: #2a1205; display: grid; place-items: center; font: 800 16px/1 Georgia, serif; }
.ovi-len { position: absolute; right: 6px; bottom: 6px; font-style: normal; font-size: 13px; font-weight: 700; color: #fff; background: rgba(0,0,0,.6); padding: 2px 8px; border-radius: 10px; }
.ovi-tx { grid-area: tx; padding: 10px 10px 6px; min-width: 0; }
.ovi-ln { margin: 0; font-size: 14px; color: #c9bba3; }
.ovi-ln b { color: #fbf1de; }
.ovi-act { margin: 4px 0 0; font-size: 14px; line-height: 1.35; color: #fbf1de; }
.ovi-vc { margin: 6px 0 0; font-size: 14px; color: #f7d58c; }
.ovi-acts, .ovi-edit, .ovi-work { grid-area: ft; }
.ovi-paid { grid-column: 1 / -1; margin: 0 10px 10px; font-size: 13px; color: #c9bba3; }
.ovi-paid.is-err { color: #ff9a8a; margin-top: 4px; }
.ovi-acts { display: flex; gap: 6px; padding: 6px 10px 10px; }
.ovi-ok { flex: 1; min-height: 44px; border: 0; border-radius: 12px; background: linear-gradient(180deg, #ffd877, #e0a43a); color: #2a1205; font-size: 15px; font-weight: 700; padding: 0 8px; cursor: pointer; }
.ovi-ok.armed { background: #ff9a3c; }
.ovi-ok:disabled { opacity: .55; }
.ovi-ic { flex: none; width: 44px; min-height: 44px; display: grid; place-items: center; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.35); background: #241114; color: #fbf1de; font-size: 17px; text-decoration: none; cursor: pointer; }
.ovi-del { color: #ff9a8a; border-color: rgba(255,154,138,.45); }
.ovi-del.armed { background: rgba(255,154,138,.2); }
.ovi-edit { padding: 4px 10px 10px; }
.ovi-edit textarea { width: 100%; box-sizing: border-box; min-height: 72px; border-radius: 12px; border: 1.5px solid #9ec5ff; background: #0f0608; color: #fbf1de; font: 15px/1.35 system-ui, -apple-system, "Segoe UI", sans-serif; padding: 8px; resize: vertical; }
.ovi-er { display: flex; gap: 6px; margin-top: 6px; }
.ovi-work { padding: 6px 10px 12px; }
.ovi-work p { margin: 6px 0 0; font-size: 14px; color: #8fdcae; }
.ovi-bar { display: block; height: 8px; border-radius: 4px; background: #0f0608; overflow: hidden; }
.ovi-bar i { display: block; height: 100%; background: linear-gradient(90deg, #8fdcae, #f2c46d); transition: width .6s; }
.ovi-go:focus-visible, .ovi-ok:focus-visible, .ovi-ic:focus-visible, .ovi-chips button:focus-visible, .ovi-step button:focus-visible { outline: 2px solid #f2c46d; outline-offset: 2px; }
/* компьютер: блок «Сделай идеи» в две колонки, идеи — сеткой по 4, кадр сверху */
@media (min-width: 900px) {
  .ovi-gen { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; align-items: center; padding: 20px 24px; }
  .ovi-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .ovi-card { display: flex; flex-direction: column; }
  .ovi-th { aspect-ratio: 3 / 4; min-height: 0; }
  .ovi-acts, .ovi-edit, .ovi-work { margin-top: auto; }
}
@media (prefers-reduced-motion: reduce) { .ovi-bar i { transition: none; } }