/* GMDigital v4.6.10.7 strong UX/UI refresh */
.create-hero .hero-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.build-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#5669ff,#8a5cff);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 24px rgba(86,105,255,.28)}
.create-layout{display:grid !important;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr) !important;gap:22px !important;align-items:start}
.create-main-panel,.sticky-side{border-radius:24px !important;overflow:hidden}
.create-main-panel{box-shadow:0 22px 60px rgba(7,11,20,.18)}
.sticky-side{position:sticky;top:20px}
.step-title h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.step-no{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(88,101,242,.26),rgba(138,92,255,.26));color:var(--text,#fff);font-size:14px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(111,120,255,.18)}
.mode-cards{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important}
.mode-card{appearance:none !important;-webkit-appearance:none !important;min-height:146px !important;padding:24px 18px !important;border-radius:22px !important;border:1px solid rgba(123,151,255,.18) !important;background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(10,15,27,.9)) !important;color:#ecf2ff !important;display:flex !important;flex-direction:column !important;justify-content:center !important;gap:10px !important;text-align:left !important;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;box-shadow:0 10px 24px rgba(5,10,19,.16) !important}
.mode-card:hover{transform:translateY(-2px) !important;border-color:rgba(111,120,255,.52) !important;box-shadow:0 18px 34px rgba(31,41,55,.22) !important}
.mode-card.active{background:linear-gradient(180deg,rgba(86,105,255,.24),rgba(138,92,255,.13)) !important;border-color:#7b97ff !important;box-shadow:0 0 0 1px rgba(123,151,255,.18) inset,0 24px 48px rgba(86,105,255,.22) !important}
.mode-card.disabled{opacity:.45 !important;filter:saturate(.7);cursor:not-allowed !important}
.mode-card strong{font-size:18px !important;line-height:1.35 !important;color:#fff !important;margin:0 !important}
.mode-card p{font-size:14px !important;line-height:1.6 !important;color:#b6c4de !important;margin:0 !important}
#mode-explainer,.guide-item{border-radius:18px !important;padding:16px 18px !important;background:linear-gradient(180deg,rgba(15,23,42,.28),rgba(15,23,42,.18)) !important;border:1px solid rgba(148,163,184,.14) !important}
#mode-explainer strong,.guide-item strong{font-size:15px;color:var(--text,#fff) !important}
.reference-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.reference-dropzone{margin-top:14px;border:2px dashed rgba(123,151,255,.28) !important;border-radius:22px !important;padding:34px 18px !important;background:linear-gradient(180deg,rgba(28,39,71,.22),rgba(14,22,38,.24)) !important;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease !important}
.reference-dropzone:hover,.reference-dropzone.dragover{border-color:#7b97ff !important;background:linear-gradient(180deg,rgba(86,105,255,.12),rgba(138,92,255,.08)) !important;transform:translateY(-1px)}
.reference-dropzone.has-files{border-color:rgba(34,197,94,.45) !important;background:linear-gradient(180deg,rgba(34,197,94,.08),rgba(22,163,74,.06)) !important}
.reference-drop-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto 10px;background:linear-gradient(135deg,rgba(86,105,255,.18),rgba(138,92,255,.18));font-size:26px}
.reference-dropzone strong{font-size:17px !important;color:#fff !important}
.reference-dropzone p{font-size:14px !important;color:#b9c7dd !important}
.reference-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}
.reference-summary strong{font-size:16px !important}
.reference-file-list{display:grid;gap:12px;margin-top:12px}
.reference-file{display:grid !important;grid-template-columns:44px 60px minmax(0,1fr) auto !important;gap:12px !important;align-items:center !important;padding:13px !important;border-radius:18px !important;background:rgba(12,18,32,.56) !important;border:1px solid rgba(123,151,255,.12) !important;box-shadow:0 10px 20px rgba(7,11,20,.08) !important}
.reference-file-order{width:44px !important;height:44px !important;border-radius:999px !important;display:grid !important;place-items:center !important;background:linear-gradient(135deg,#3856d6,#695fff) !important;color:#fff !important;font-weight:800 !important}
.reference-file-thumb{width:60px !important;height:60px !important;border-radius:16px !important;overflow:hidden !important;background:rgba(148,163,184,.16) !important}
.reference-file-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.reference-file-meta strong{font-size:14px !important;color:#fff !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-file-meta span{font-size:13px !important;color:#9fb0ca !important}
.reference-empty{padding:16px 18px !important;border-radius:18px !important;border:1px dashed rgba(148,163,184,.22) !important;color:#97a8c2 !important;background:rgba(15,23,42,.18)}
.form-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important}
label{font-weight:700}
label .hint,.hint{line-height:1.6}
#prompt{min-height:320px !important;border-radius:18px !important;padding:16px 18px !important;line-height:1.6 !important}
.submit-zone{position:relative;margin-top:8px;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(86,105,255,.06),rgba(138,92,255,.04));border:1px solid rgba(123,151,255,.16)}
.price-box{border-radius:18px !important;padding:16px 18px !important;background:linear-gradient(90deg,rgba(48,74,180,.16),rgba(123,92,255,.12)) !important;border:1px solid rgba(123,151,255,.16) !important}
.price-box strong{font-size:34px !important}
.submit-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.submit-actions .btn.large{width:100% !important;justify-content:center}
.result-box .job-line strong,.result-box .job-line span{font-size:14px}
.template-grid{display:grid;gap:10px}
.template-card{border-radius:16px !important;border:1px solid rgba(148,163,184,.16) !important;background:rgba(15,23,42,.18) !important;transition:transform .16s ease,border-color .16s ease !important}
.template-card:hover{transform:translateY(-1px);border-color:rgba(123,151,255,.38) !important}
html[data-theme="light"] .create-main-panel{box-shadow:0 20px 50px rgba(15,23,42,.08)}
html[data-theme="light"] .build-badge{box-shadow:0 12px 24px rgba(86,105,255,.18)}
html[data-theme="light"] .mode-card{background:#fff !important;border-color:#dbe4f0 !important;color:#15233d !important;box-shadow:0 8px 18px rgba(15,23,42,.06) !important}
html[data-theme="light"] .mode-card strong{color:#15233d !important}
html[data-theme="light"] .mode-card p{color:#5f6d87 !important}
html[data-theme="light"] .mode-card.active{background:linear-gradient(180deg,#eef4ff,#fbfdff) !important;border-color:#7b97ff !important;box-shadow:0 0 0 1px rgba(123,151,255,.18) inset,0 18px 32px rgba(86,105,255,.12) !important}
html[data-theme="light"] #mode-explainer,html[data-theme="light"] .guide-item{background:#fbfcff !important;border-color:#dde6f1 !important}
html[data-theme="light"] .reference-dropzone{background:#fcfdff !important;border-color:#d1dbe8 !important}
html[data-theme="light"] .reference-dropzone strong,html[data-theme="light"] .reference-summary strong,html[data-theme="light"] .reference-file-meta strong{color:#15233d !important}
html[data-theme="light"] .reference-dropzone p,html[data-theme="light"] .reference-file-meta span,html[data-theme="light"] .reference-empty,html[data-theme="light"] .hint,html[data-theme="light"] #mode-explainer p,html[data-theme="light"] .guide-item,html[data-theme="light"] .guide-item p{color:#627089 !important}
html[data-theme="light"] .reference-file{background:#fff !important;border-color:#dbe4f0 !important}
html[data-theme="light"] .reference-empty{background:#fbfcff !important;border-color:#dbe4f0 !important}
html[data-theme="light"] .reference-file-order{box-shadow:0 10px 18px rgba(56,86,214,.12)}
html[data-theme="light"] .submit-zone{background:linear-gradient(180deg,#f6f8ff,#fcfcff) !important;border-color:#dde6f1 !important}
html[data-theme="light"] .price-box{background:linear-gradient(90deg,#eef4ff,#f7f3ff) !important;border-color:#dbe4f0 !important}
@media (max-width: 1100px){.create-layout{grid-template-columns:1fr !important}.sticky-side{position:static}.form-grid,.submit-actions,.mode-cards{grid-template-columns:1fr !important}}


/* v4.6.10.8 polish */
.create-hero .hero-line{margin-bottom:0}
.build-badge{display:none !important}
.topbar{align-items:flex-start !important}
.topbar-title{padding-left:14px !important;margin-left:4px !important;border-left:3px solid rgba(99,102,241,.18)}
.topbar-greeting{margin-top:2px !important}
html[data-theme="light"] .topbar-title{border-left-color:rgba(99,102,241,.24)}
.status, .library-status-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}
.status.status-completed,.library-status-chip.completed{background:rgba(16,185,129,.14) !important;color:#059669 !important;border-color:rgba(16,185,129,.22) !important}
.status.status-failed,.library-status-chip.failed{background:rgba(239,68,68,.12) !important;color:#dc2626 !important;border-color:rgba(239,68,68,.18) !important}
.status.status-active,.library-status-chip.active{background:rgba(245,158,11,.14) !important;color:#d97706 !important;border-color:rgba(245,158,11,.2) !important}
html[data-theme="light"] .status.status-completed,html[data-theme="light"] .library-status-chip.completed{background:#ecfdf5 !important;color:#047857 !important;border-color:#bbf7d0 !important}
html[data-theme="light"] .status.status-failed,html[data-theme="light"] .library-status-chip.failed{background:#fef2f2 !important;color:#dc2626 !important;border-color:#fecaca !important}
html[data-theme="light"] .status.status-active,html[data-theme="light"] .library-status-chip.active{background:#fff7ed !important;color:#c2410c !important;border-color:#fed7aa !important}
.recent-video-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
\n\n/* v4.6.10.14 prompt hard-limit UX */\n.prompt-limit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-2px;padding:0 2px;color:var(--muted,#94a3b8);font-size:12px}\n.prompt-limit-row strong{font-size:12px;color:var(--muted,#94a3b8);font-variant-numeric:tabular-nums}\n.prompt-limit-row .is-warning{color:#d97706 !important}\n.prompt-limit-row .is-over{color:#dc2626 !important;font-weight:800}\n#prompt.prompt-over-limit{border-color:#ef4444 !important;box-shadow:0 0 0 3px rgba(239,68,68,.10) !important}\nhtml[data-theme="dark"] .prompt-limit-row .is-warning{color:#fbbf24 !important}\nhtml[data-theme="dark"] .prompt-limit-row .is-over{color:#f87171 !important}\n

/* v4.6.10.18 right-column sticky overlap fix */
.create-sidebar{
  position:relative;
  min-width:0;
  isolation:isolate;
}
.create-sidebar > .panel{
  position:relative;
  z-index:1;
  margin:0 0 18px 0 !important;
}
.create-sidebar > .progress-sticky{
  position:sticky !important;
  top:16px !important;
  z-index:50 !important;
  isolation:isolate;
  transform:translateZ(0);
  backface-visibility:hidden;
  background:rgba(10,16,29,.985) !important;
  box-shadow:0 18px 45px rgba(3,8,18,.28),0 0 0 1px rgba(148,163,184,.08) !important;
}
.create-sidebar > .progress-sticky::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-18px;
  height:18px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(7,11,20,.16),rgba(7,11,20,0));
}
.create-sidebar > .panel:not(.progress-sticky){
  z-index:1 !important;
}
html[data-theme="light"] .create-sidebar > .progress-sticky{
  background:rgba(255,255,255,.992) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.12),0 0 0 1px rgba(148,163,184,.12) !important;
}
html[data-theme="light"] .create-sidebar > .progress-sticky::after{
  background:linear-gradient(180deg,rgba(148,163,184,.12),rgba(255,255,255,0));
}
@media (max-width:1100px){
  .create-sidebar > .progress-sticky{
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    transform:none;
  }
  .create-sidebar > .progress-sticky::after{display:none}
}
@media (max-height:700px) and (min-width:1101px){
  .create-sidebar > .progress-sticky{top:8px !important}
}


/* v4.6.10.19: normal-flow create sidebar; no sticky overlap */
.create-sidebar{
  position:relative !important;
  min-width:0;
  isolation:auto !important;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.create-sidebar > .panel,
.create-sidebar > .progress-sticky,
.create-sidebar > .sticky-side{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:1 !important;
  transform:none !important;
  backface-visibility:visible !important;
  margin:0 !important;
  box-shadow:var(--shadow,0 14px 36px rgba(7,11,20,.12));
}
.create-sidebar > .progress-sticky::after{display:none !important;content:none !important}
html[data-theme="light"] .create-sidebar > .progress-sticky,
html[data-theme="dark"] .create-sidebar > .progress-sticky{background:var(--panel) !important}

.job-elapsed{margin-top:8px;color:var(--muted);font-size:13px;font-weight:700}
html[data-theme="light"] .job-elapsed{color:#64748b}