/* video-upload-alert.css — video duration limit layer modal. 2026-07-06 */
.video-upload-alert-root { position: fixed; inset: 0; z-index: 14000; pointer-events: none; }
.video-upload-alert { position: fixed; inset: 0; pointer-events: auto; }
.video-upload-alert__overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15, 23, 42, 0.55); backdrop-filter: blur(2px); opacity: 0; transition: opacity 0.22s ease; }
.video-upload-alert.is-visible .video-upload-alert__overlay { opacity: 1; }
.video-upload-alert__dialog { width: min(420px, 100%); padding: 22px 20px 18px; border-radius: 16px; background: #fff; box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24); transform: translateY(10px) scale(0.98); transition: transform 0.22s ease; text-align: center; }
.video-upload-alert.is-visible .video-upload-alert__dialog { transform: translateY(0) scale(1); }
.video-upload-alert__icon { width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: #fef3c7; color: #d97706; font-size: 1.35rem; }
.video-upload-alert__title { margin: 0 0 10px; font-size: 1.05rem; font-weight: 800; color: #0f172a; }
.video-upload-alert__message { margin: 0 0 8px; font-size: 0.92rem; line-height: 1.55; color: #334155; }
.video-upload-alert__hint { margin: 0 0 16px; font-size: 0.82rem; line-height: 1.45; color: #64748b; }
.video-upload-alert__actions { display: flex; justify-content: center; gap: 8px; }
.video-upload-alert__btn { min-width: 96px; padding: 10px 16px; border: none; border-radius: 10px; font-size: 0.92rem; font-weight: 700; cursor: pointer; }
.video-upload-alert__btn.is-primary { background: #2563eb; color: #fff; }
.video-upload-alert__btn.is-primary:hover { background: #1d4ed8; }