.aiq-modal[hidden]{display:none!important}
.aiq-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}
.aiq-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.62);backdrop-filter:blur(5px)}
.aiq-modal__panel{position:relative;z-index:1;width:min(720px,100%);max-height:90vh;overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.35)}
.aiq-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(17,24,39,.10)}
.aiq-modal__head h2{margin:0;font-size:1.25rem;line-height:1.2;color:var(--ink,#111827)}
.aiq-modal__close{width:38px;height:38px;border:0;border-radius:999px;background:rgba(17,24,39,.06);color:#111827;font-weight:1000;cursor:pointer}
.aiq-modal__body{padding:16px;max-height:calc(90vh - 72px);overflow:auto;-webkit-overflow-scrolling:touch}
#stripeCheckout{min-height:320px}
.video-credit-pack{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid rgba(17,24,39,.10);border-radius:14px;background:rgba(17,24,39,.02)}
.video-credit-pack__title{font-weight:900}
.video-credit-pack__note{font-size:13px;color:rgba(17,24,39,.65)}
.video-credit-pack__price{text-align:right;font-weight:900;margin-bottom:6px}
.video-progress-box{
  padding:14px;
  border:1px solid rgba(216,20,60,.16);
  background:rgba(216,20,60,.04);
  border-radius:14px;
  display:grid;
  gap:9px;
}
.video-progress-title{
  font-weight:950;
  color:#111827;
}
.video-progress-note{
  font-size:13px;
  color:rgba(17,24,39,.65);
}
.video-progress-bar{
  height:9px;
  background:rgba(17,24,39,.10);
  border-radius:999px;
  overflow:hidden;
}
.video-progress-bar span{
  display:block;
  height:100%;
  background:#d8143c;
  border-radius:999px;
  transition:width .45s ease;
}
@media(max-width:520px){
  .aiq-modal{align-items:flex-end;padding:10px}
  .aiq-modal__panel{width:100%;max-height:92vh;border-radius:22px 22px 16px 16px}
  .aiq-modal__head{padding:14px}
  .aiq-modal__body{padding:14px;max-height:calc(92vh - 66px)}
}

.video-processing-view {
  width: 100%;
  display: grid;
  gap: 18px;
}

.video-processing-card {
  padding: 22px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, #f8fafc);
  text-align: center;
}

.video-processing-kicker {
  color: #e11d48;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.video-processing-card h3 {
  margin: 8px 0 14px;
  font-size: 24px;
}

.video-progress-bar {
  height: 12px;
  background: #e5e7eb;
  border-radius: 999px;
  overflow: hidden;
}

.video-progress-bar span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #e11d48, #ff3d70);
  border-radius: 999px;
  transition: width .5s ease;
}

.video-processing-card p {
  margin: 12px 0 0;
  color: #64748b;
  font-size: 13px;
}

.video-ad-box {
  border: 1px dashed rgba(15, 23, 42, .22);
  border-radius: 18px;
  background: #f8fafc;
  padding: 10px;
}

.video-ad-label {
  text-align: center;
  font-size: 11px;
  color: #94a3b8;
  margin-bottom: 8px;
}

.video-ad-slot {
  min-height: 250px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: white;
  color: #94a3b8;
  font-weight: 800;
}