[data-stream-video]{display:block;width:100%;padding:0;border:0;background:#191814;color:#f4f0e8;cursor:pointer;font:inherit;min-height:100px}
[data-stream-video] img{display:block;width:100%;height:auto;object-fit:contain}
[data-stream-video]:focus-visible{outline:3px solid #39b96d;outline-offset:3px}
[data-video-manager]{max-width:1100px;margin:3rem auto;padding:0 1rem;font:16px/1.6 system-ui,sans-serif;color:#eee}
body:has([data-video-manager]){background:#141310}
[data-video-manager] a{color:#49c77d}
[data-video-manager] button{padding:.65rem 1rem;border:1px solid #555;border-radius:4px;background:#24231f;color:#eee;cursor:pointer}
[data-video-inventory]>p{padding:1rem;border-top:1px solid #48463e;overflow-wrap:anywhere}
[data-video-inventory] button{margin:.5rem}
[data-video-error]{color:#ff8e72}

.video-library-row { padding:1rem 0; border-top:1px solid #48463e; overflow-wrap:anywhere; }
.video-library-row h2 { font-size:1.2rem; margin:0; }
[data-video-manager] label { display:inline-flex; flex-direction:column; gap:.25rem; margin:0 .75rem 1rem 0; }
[data-video-manager] input, [data-video-manager] select { max-width:100%; padding:.6rem; background:#24231f; color:#eee; border:1px solid #777; }
[data-video-manager] button:disabled { opacity:.5; cursor:default; }
[data-stu-videos] { margin:1rem 0; font:inherit; }
[data-stu-videos] h3 { font-size:1rem; }
[data-stu-videos] p { font-size:.9rem; }
.stu-recovered-video { border-top:1px solid #555; padding:.5rem 0; overflow-wrap:anywhere; }
.stu-recovered-video button { padding:.4rem .7rem; margin:.2rem; background:transparent; color:inherit; border:1px solid #777; border-radius:4px; cursor:pointer; }
.stu-recovered-video button:disabled { opacity:.5; cursor:default; }