.video-draft-notification { max-width: 560px; }
.video-draft-list { max-height: min(45vh, 320px); overflow-y: auto; margin-top: 8px; }
.video-draft-row { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid rgba(128,128,128,.2); }
.video-draft-preview { width: 56px !important; height: 56px !important; flex: 0 0 56px; object-fit: cover; border-radius: 6px; background: #d9dfe1; }
.video-draft-thumb { position: relative; flex: 0 0 56px; width: 56px; height: 56px; border-radius: 6px; background: #d9dfe1; overflow: hidden; }
.video-draft-preview[hidden], .video-draft-fallback[hidden] { display: none; }
.video-draft-fallback { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; font-size: 24px; color: #536069; }
.video-draft-duration { position: absolute; right: 2px; bottom: 2px; font-size: 10px; line-height: 13px; padding: 0 2px; border-radius: 2px; color: white; background: #30363b; }
.video-draft-duration:empty { display: none; }
.video-draft-info { flex: 1 1 0; min-width: 0; text-align: left; }
.video-draft-name { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video-draft-status { font-size: 12px; line-height: 16px; color: #555; overflow-wrap: anywhere; }
.video-draft-info progress { display: block; width: 100%; height: 5px; margin-top: 5px; accent-color: #2580e8; }
.video-draft-info progress[hidden], .video-draft-icon[hidden] { display: none; }
.video-draft-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--f7-theme-color, #1679e8); cursor: pointer; }
.video-draft-icon:disabled { opacity: .4; }
.video-draft-icon .f7-icons { font-size: 20px; }
.video-draft-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 6px; }
.theme-dark .video-draft-status { color: #c6ccd0; }