/* MAIZAO V6.2.6 · ecommerce video module library and single-result editor */
.ecom-video-library-toolbar {
  display: grid;
  gap: 12px;
  position: fixed;
  left: max(330px, calc(50% - 340px));
  bottom: 22px;
  z-index: 10010;
  width: min(680px, calc(100vw - 760px));
  margin: 0;
  padding: 17px;
  border: 1px solid rgba(109, 93, 252, .16);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,246,255,.9));
  box-shadow: 0 14px 36px rgba(53, 51, 91, .06);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.ecom-video-library-toolbar[hidden] { display: none !important; }
.ecom-video-library-title { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.ecom-video-library-title > div { display: grid; gap: 4px; }
.ecom-video-library-title span { color: #7462df; font: 600 9px/1.2 "SFMono-Regular", Menlo, monospace; letter-spacing: .13em; }
.ecom-video-library-title strong { color: #232429; font-size: 16px; font-weight: 720; }
.ecom-video-library-title b { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 999px; color: #5d4bc7; background: #efecff; font-size: 10px; white-space: nowrap; }
.ecom-video-library-title b i { font-style: normal; }
.ecom-video-library-body { display: none; gap: 12px; }
.ecom-video-library-toolbar.open .ecom-video-library-body { display: grid; }
.ecom-video-filters, .ecom-video-presets { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.ecom-video-filters button, .ecom-video-presets button {
  min-height: 31px; padding: 0 11px; border: 1px solid rgba(31,31,35,.1); border-radius: 999px;
  color: #62636a; background: rgba(255,255,255,.9); font-size: 10px; cursor: pointer;
}
.ecom-video-filters button.active { color: #fff; border-color: #6d5dfc; background: linear-gradient(135deg, #7658ff, #557cf0); }
.ecom-video-presets { padding-top: 10px; border-top: 1px solid rgba(31,31,35,.07); }
.ecom-video-presets span { color: #878890; font-size: 9px; margin-right: 3px; }
.ecom-video-presets button { color: #5142a6; border-color: rgba(109,93,252,.17); background: #f1efff; }
.ecom-video-library-body > p { margin: 0; color: #777880; font-size: 10px; line-height: 1.65; }
.ecommerce-video-module-grid { max-height: 600px; overflow: auto; padding: 2px 5px 12px 2px; scrollbar-color: #cbc7e9 transparent; }
.ecommerce-video-module-grid .blueprint-card { min-height: 118px; }
.ecommerce-video-module-grid .blueprint-card::before { content: attr(data-ecom-group); display: block; padding: 10px 16px 0; color: #8b7be3; font-size: 8px; letter-spacing: .08em; }
.result-card .result-meta { flex-wrap: wrap; }
.single-result-actions { display: flex; gap: 7px; margin-left: auto; }
.single-result-actions button {
  min-height: 34px; padding: 0 11px; border: 1px solid rgba(31,31,35,.12); border-radius: 10px;
  color: #56575e; background: #fff; font-size: 10px; cursor: pointer;
}
.single-result-actions button:last-child { color: #fff; border-color: #6d5dfc; background: linear-gradient(135deg, #7658ff, #557cf0); }
.single-result-updated { flex-basis: 100%; color: #18805e !important; font-size: 9px !important; }
.single-result-modal-backdrop { position: fixed; inset: 0; z-index: 10050; display: grid; place-items: center; padding: 20px; background: rgba(27,28,35,.28); backdrop-filter: blur(18px); }
.single-result-modal { position: relative; width: min(680px, 94vw); display: grid; gap: 13px; padding: 27px; border: 1px solid rgba(31,31,35,.1); border-radius: 24px; color: #28292e; background: rgba(255,255,255,.97); box-shadow: 0 32px 90px rgba(39,38,60,.2); }
.single-result-modal > span { color: #725fdd; font: 600 9px/1.2 "SFMono-Regular", Menlo, monospace; letter-spacing: .15em; }
.single-result-modal h2 { margin: 0; font-size: 24px; letter-spacing: -.025em; }
.single-result-modal > p { margin: -5px 0 0; color: #7b7c83; font-size: 11px; }
.single-result-modal label { display: grid; gap: 7px; color: #606168; font-size: 10px; }
.single-result-modal textarea { width: 100%; resize: vertical; padding: 14px; border: 1px solid rgba(31,31,35,.12); border-radius: 14px; color: #292a2f; background: #f7f7f9; font: 12px/1.7 inherit; }
.single-result-modal textarea:focus { outline: none; border-color: rgba(109,93,252,.48); box-shadow: 0 0 0 4px rgba(109,93,252,.08); background: #fff; }
.single-result-close { position: absolute; top: 15px; right: 16px; width: 34px; height: 34px; border: 0; border-radius: 50%; color: #777880; background: #f0f0f3; font-size: 20px; cursor: pointer; }
.single-result-status { min-height: 36px; display: flex; align-items: center; padding: 8px 11px; border-radius: 10px; color: #4c3ea3; background: #f0edff; font-size: 10px; }
.single-result-status:empty { display: none; }
.single-result-status.error { color: #a83d46; background: #fff0f1; }
.single-result-modal-actions { display: flex; justify-content: flex-end; gap: 8px; }
.single-result-modal-actions button { min-height: 40px; padding: 0 15px; border: 1px solid rgba(31,31,35,.1); border-radius: 11px; color: #5c5d64; background: #fff; font-size: 11px; cursor: pointer; }
.single-result-modal-actions button.primary { color: #fff; border-color: #6d5dfc; background: linear-gradient(135deg, #7658ff, #557cf0); box-shadow: 0 8px 22px rgba(91,74,203,.18); }
.single-result-modal-actions button:disabled, .single-result-modal textarea:disabled { opacity: .55; cursor: wait; }
@media (max-width: 720px) {
  .ecom-video-library-toolbar { left: 12px; bottom: 88px; width: calc(100vw - 24px); padding: 13px; }
  .ecom-video-library-title { align-items: flex-start; }
  .ecommerce-video-module-grid { max-height: none; }
  .single-result-modal { padding: 22px 16px 17px; }
  .single-result-modal-actions { flex-direction: column-reverse; }
  .single-result-modal-actions button { width: 100%; }
  .single-result-actions { width: 100%; margin: 7px 0 0; }
}
@media (min-width: 721px) and (max-width: 1280px) {
  .ecom-video-library-toolbar { left: 20px; width: 360px; }
}