.video-compress-modal-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-4); }
.video-compress-modal-active {
    display: flex;
}
.video-compress-modal-warn {
    color: var(--text-muted);
    margin: 0 0 var(--abstand-4);
}
body.video-compress-modal-locked {
    overflow: hidden;
}
.video-compress-modal-title {
    margin: 0 0 var(--abstand-2);
}
.video-compress-modal-card { padding: var(--abstand-5); max-width: 28rem; width: 100%; color: var(--text); }
.video-compress-modal { position: fixed; inset: 0; background: color-mix(in srgb, var(--scrim) 65%, transparent); display: none; align-items: center; justify-content: center; z-index: 9999; padding: var(--abstand-4); }
.video-compress-modal-card { box-shadow: var(--schatten-3); }
.video-compress-modal-bar { height: 0.5rem; background: color-mix(in srgb, var(--text-muted) 25%, transparent); border-radius: var(--radius-pille); overflow: hidden; }
.video-compress-modal-bar-fill { height: 100%; width: 0; background: var(--accent); transition: width var(--dauer-3) ease; }
.video-compress-modal-bar-fill.video-compress-modal-bar-indeterminate { background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 20%, transparent) 0%, var(--accent) 50%, color-mix(in srgb, var(--accent) 20%, transparent) 100%); background-size: 200% 100%; animation: video-compress-modal-indet 1.2s linear infinite; transition: none; }
.video-compress-modal-stage { margin: var(--abstand-2) 0 0; white-space: pre-wrap; word-break: break-word; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.85em; }