.video-container{position:relative;width:100%;padding-bottom:56.25%;margin:1rem 0;background:var(--background-tertiary,#f0f0f0);border-radius:var(--radius-md,8px);overflow:hidden}.video-container.video-unavailable{display:flex;align-items:center;justify-content:center;padding-bottom:0;min-height:200px;color:var(--text-secondary,#666)}.video-container.video-unavailable p{margin:0}.or-video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--radius-md,8px)}.or-video-caption{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary,#666);text-align:center}.video-thumbnail-container{position:relative;width:100%;border-radius:var(--radius-md,8px);overflow:hidden;background:var(--background-tertiary,#f0f0f0)}.video-thumbnail{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/9}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;pointer-events:none}.video-thumbnail-container:hover .video-play-button{background:rgba(0,0,0,.85);transform:translate(-50%,-50%) scale(1.1)}.video-duration-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}.video-tool{margin:1rem 0}.video-upload-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem;border:2px dashed var(--border-color,#ddd);border-radius:var(--radius-md,8px);background:var(--background-secondary,#fafafa);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.video-upload-dropzone:hover{border-color:var(--color-primary,#2563eb);background:var(--background-hover,#f5f5f5)}.video-upload-dropzone.dragover{border-color:var(--color-primary,#2563eb);background:var(--color-primary-light,#eff6ff)}.video-upload-icon{color:var(--text-tertiary,#999);margin-bottom:1rem}.video-upload-text{margin:0 0 .5rem 0;font-size:1rem;font-weight:500;color:var(--text-primary,#333)}.video-upload-hint{margin:0;font-size:.875rem;color:var(--text-secondary,#666)}.video-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.video-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem;border:2px solid var(--border-color,#ddd);border-radius:var(--radius-md,8px);background:var(--background-secondary,#fafafa)}.video-state-container.video-error{border-color:var(--color-error,#dc2626);background:var(--color-error-light,#fef2f2)}.video-state-text{margin:.5rem 0 0 0;font-size:.9375rem;color:var(--text-primary,#333)}.video-state-hint{margin:.25rem 0 0 0;font-size:.8125rem;color:var(--text-secondary,#666)}.video-error-icon{color:var(--color-error,#dc2626)}.video-retry-btn{margin-top:1rem}.video-spinner{width:40px;height:40px;border:3px solid var(--border-color,#ddd);border-top-color:var(--color-primary,#2563eb);border-radius:50%;animation:video-spin .8s linear infinite}@keyframes video-spin{to{transform:rotate(360deg)}}.video-progress-container{width:100%;max-width:300px;height:8px;background:var(--background-tertiary,#e5e5e5);border-radius:4px;overflow:hidden}.video-progress-bar{height:100%;background:var(--color-primary,#2563eb);border-radius:4px;transition:width .3s ease}.video-player-container{position:relative;width:100%;padding-bottom:56.25%;background:var(--background-tertiary,#000);border-radius:var(--radius-md,8px);overflow:hidden}.video-player-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-controls{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.video-player-container:hover .video-controls{opacity:1}.video-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(0,0,0,.7);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s ease}.video-delete-btn:hover{background:rgba(220,38,38,.9)}.video-caption-container{margin-top:.5rem}.video-caption-input{width:100%;padding:.5rem;border:1px solid var(--border-color,#ddd);border-radius:var(--radius-sm,4px);background:var(--background-primary,#fff);font-size:.875rem;color:var(--text-primary,#333)}.video-caption-input:focus{outline:0;border-color:var(--color-primary,#2563eb)}.video-caption-input::placeholder{color:var(--text-tertiary,#999)}.video-caption{margin:.5rem 0 0 0;font-size:.875rem;color:var(--text-secondary,#666);text-align:center}[data-theme=dark] .video-upload-dropzone{background:var(--background-secondary);border-color:var(--border-color)}[data-theme=dark] .video-upload-dropzone:hover{background:var(--background-tertiary)}[data-theme=dark] .video-state-container{background:var(--background-secondary);border-color:var(--border-color)}[data-theme=dark] .video-container{background:var(--background-tertiary)}[data-theme=dark] .video-thumbnail-container{background:var(--background-tertiary)}[data-theme=dark] .video-caption-input{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-primary)}@media (max-width:640px){.video-upload-dropzone{min-height:160px;padding:1.5rem}.video-upload-icon svg{width:36px;height:36px}.video-upload-text{font-size:.9375rem}.video-play-button{width:48px;height:48px}.video-play-button svg{width:20px;height:20px}}