.shot-generation-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);align-self:start}
.asset-area .media-slot-row > .shot-generation-row{flex:0 0 100%;width:100%;min-width:0;margin-top:10px;order:99}
.shot-generation-row .asset-library-trigger{order:0;flex:0 0 auto;min-height:36px}
.shot-generation-row .shot-generation-action{flex:0 0 auto;min-height:38px;white-space:nowrap}
.shot-generation-row .generation-preference-caption{display:none}
.shot-generation-row .generation-preference{display:inline-flex;align-items:center;gap:5px;min-width:0;color:#44536a;font-size:12px;font-weight:700;white-space:nowrap}
.shot-generation-row .generation-preference span,.shot-generation-row .duration-label{display:none}
.shot-generation-row .h3-template-select{display:inline-block!important;flex:0 0 190px;width:190px;min-width:190px;max-width:190px;height:36px;grid-column:1}
.shot-generation-row > .generation-preference:nth-of-type(1) select{min-width:92px!important;max-width:92px!important}
.shot-generation-row > .generation-preference:nth-of-type(2) select{min-width:58px!important;max-width:58px!important}
.shot-generation-row select{height:36px;min-width:92px;padding:0 8px;border:1px solid #ccd7e5;border-radius:8px;background:#fff;color:inherit;font:inherit}
.shot-generation-row .duration{display:inline-flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap}
.shot-generation-row .duration select{min-width:72px}
.shot-generation-row .generate-btn{order:9;min-height:38px;margin-left:0;white-space:nowrap}
.shot-generation-row .btn{min-height:38px;white-space:nowrap}
@media(max-width:760px){.shot-generation-row{align-items:stretch}.shot-generation-row .generation-preference-caption{flex-basis:100%;margin-left:0}.shot-generation-row .generation-preference,.shot-generation-row .duration,.shot-generation-row .generate-btn,.shot-generation-row .asset-library-trigger,.shot-generation-row .shot-generation-action{flex:1 1 calc(50% - 4px);margin-left:0}.shot-generation-row select{width:100%;min-width:0}}

.asset-library-after-slots{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;flex:0 0 66px;width:66px;min-width:66px;margin-top:0}.asset-library-after-slots .asset-library-slot-action{display:flex;align-items:center;justify-content:center!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;min-height:58px!important;max-height:58px!important;padding:3px!important;text-align:center;white-space:normal;line-height:1.15;background:#765fff!important;border-color:#a294ff!important;color:#fff!important;box-shadow:0 5px 14px rgba(127,107,255,.3)}
@media(min-width:761px){.shot-generation-row{display:grid!important;grid-template-columns:minmax(150px,1.7fr) minmax(82px,.9fr) minmax(74px,.75fr) minmax(82px,.8fr) max-content max-content max-content;align-items:center;gap:8px!important;overflow:hidden;padding:12px 14px 14px!important;margin-top:10px!important;background:#111821;border-top:1px solid #334052}.shot-generation-row>*{min-width:0!important}.shot-generation-row .h3-template-select{grid-column:1;width:100%!important;min-width:0!important;max-width:none!important}.shot-generation-row>.generation-preference:nth-of-type(1){grid-column:2}.shot-generation-row>.generation-preference:nth-of-type(2){grid-column:3}.shot-generation-row>.duration{grid-column:4;margin-left:0!important}.shot-generation-row>.btn[data-action="optimize-h3"]{grid-column:5}.shot-generation-row>.btn[data-action="auto-match-library"]{grid-column:6}.shot-generation-row>.btn[data-action="match-reference-content"]{grid-column:7}.shot-generation-row .generation-preference select{width:100%!important;min-width:0!important;max-width:none!important}.shot-generation-row>.btn{width:max-content!important;min-width:0!important}}
@media(min-width:761px) and (max-width:1180px){.shot-generation-row{grid-template-columns:minmax(128px,1.5fr) minmax(70px,.8fr) minmax(64px,.7fr) minmax(70px,.8fr) repeat(3,minmax(0,1fr))!important}.shot-generation-row>.btn{width:100%!important;padding-left:5px!important;padding-right:5px!important;white-space:normal!important}}
@media(max-width:760px){.asset-library-after-slots{margin-top:16px}.asset-library-after-slots .asset-library-slot-action{width:auto;min-width:92px}}

/* Keep the two primary actions together at the end of the current asset row. */
.asset-area .media-slot-row {
  align-items: flex-start;
}
.asset-area .media-slot-row .asset-library-after-slots {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  gap: 8px;
  width: auto;
  min-width: max-content;
  margin: 0 0 0 auto;
  padding-top: 20px;
}
.asset-area .media-slot-row .asset-library-after-slots .asset-library-slot-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 8px 12px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .2);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.asset-area .media-slot-row .asset-library-after-slots .asset-library-slot-action:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .28);
}
.asset-area .media-slot-row .asset-library-after-slots [data-action="open-reference-library"] {
  background: linear-gradient(135deg, #6949d8, #8d6dff) !important;
  border-color: #b8a6ff !important;
}
.asset-area .media-slot-row .asset-library-after-slots [data-action="generate"] {
  background: linear-gradient(135deg, #0e8f83, #26c7ae) !important;
  border-color: #63f0d8 !important;
  box-shadow: 0 5px 16px rgba(22, 197, 171, .28);
}
@media(max-width:760px) {
  .asset-area .media-slot-row .asset-library-after-slots {
    flex-basis: 100%;
    justify-content: flex-end;
    min-width: 0;
    padding-top: 6px;
  }
  .asset-area .media-slot-row .asset-library-after-slots .asset-library-slot-action {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}