.video-intro { margin-bottom: 24px; }
.video-intro h2 { margin: 4px 0 10px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.04em; }
.video-workspace-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(270px, 1fr); gap: 24px; align-items: start; }
.video-preview-card, .video-settings, .video-source-card { border: 1px solid #dcdedb; border-radius: 16px; padding: 22px; background: #fff; min-width: 0; }
.video-preview-card h3, .video-source-card h3 { margin: 0 0 16px; }
.video-preview-player { width: 100%; aspect-ratio: 16/9; display: block; background: #141615; object-fit: contain; border-radius: 10px; }
.video-preview-player:focus-visible { outline: 3px solid #c64919; outline-offset: 4px; }
.video-published-note { border-left: 3px solid #d85825; padding: 8px 12px; font-size: 13px; background: #fff8f0; }
.video-poster-row { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-top: 20px; }
.video-poster { width: 108px; height: 64px; object-fit: contain; border-radius: 6px; background: #151615; }
.video-settings > .field, .video-toggle { margin-bottom: 20px; }
.video-toggle .field-hint { margin: 8px 0 0; }
.video-source-card { margin-top: 24px; }
.video-source-card .button { margin: 10px 10px 0 0; }
.video-source-card input[type=file] { width: 100%; box-sizing: border-box; padding: 12px; border: 1px dashed #8c9490; border-radius: 8px; background: #fafbf9; }
.video-source-card input[type=file]::file-selector-button { border: 0; padding: 10px 12px; border-radius: 6px; margin-right: 10px; background: #e9ece8; cursor: pointer; }
.video-upload-progress { width: 100%; height: 14px; accent-color: #c64919; }
.video-inline-error { color: #a72218; font-size: 14px; line-height: 1.6; }
.video-library { margin-top: 24px; }
.video-library-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px 0; border-bottom: 1px solid #dcdedb; }
.video-library-row > span { flex: 1; min-width: 160px; overflow-wrap: anywhere; }
.video-library-row small { color: #5f6861; }
.video-workspace-grid [hidden], #video-workbench [hidden] { display: none !important; }
@media (max-width: 1000px) { .video-workspace-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .video-preview-card, .video-settings, .video-source-card { padding: 16px; border-radius: 12px; } .video-source-card .button { width: 100%; margin-right: 0; } }

iframe.video-preview-player{border:0;min-height:220px}