.hw-video-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px; margin-top: 12px; border-radius: 8px; }
.hw-video-strip.ready { background: #edf5eb; border: 1px solid #bbd2b4; }
.hw-video-strip.empty { border: 1px dashed #ccd1c9; color: #70776c; }
.hw-video-strip .error { width: 100%; }
.hw-video-batch { padding: 24px; }
.hw-video-drop { padding: 30px; margin-block: 16px; border: 2px dashed #b6c4b0; border-radius: 12px; }
.hw-video-batch table { width: 100%; margin-top: 20px; border-collapse: collapse; }
.hw-video-batch td, .hw-video-batch th { text-align: left; padding: 12px; border-bottom: 1px solid #ddd; overflow-wrap: anywhere; }
.hw-video-batch td button { margin: 3px; }
.hw-video-batch td label { display: block; margin-top: 8px; }
.hw-video-batch input[type="checkbox"] { width: auto; margin-right: 6px; }
.hw-video-preview { width: min(90vw, 850px); border: 0; border-radius: 12px; }
.hw-video-preview::backdrop { background: #0009; }
.hw-video-preview video { display: block; width: 100%; max-height: 75vh; margin-top: 12px; }
.hw-video-id { display: inline-block; border-radius: 10px; background: #edf0e9; color: #606955; padding: 2px 8px; margin-right: 8px; font-size: 13px; }
.hw-public-video-form { display: flex; flex-direction: column; gap: 10px; max-width: 640px; margin: 24px 0; }
.hw-public-video-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 16px 0; border-bottom: 1px solid #ddd; }
.hw-public-video-row input[type="number"] { width: 100px; }
.hw-public-video-row input:not([type="number"]) { flex: 1 1 220px; }