.video-upload{border:1px solid var(--border);background:var(--surface,var(--card));border-radius:.75rem;min-width:0;padding:1rem}.video-upload-heading,.video-selected,.video-transfer{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.video-upload-heading small{margin-left:auto}.video-upload small,.video-hint{color:var(--muted-foreground);font-size:.78rem;line-height:1.5}.video-hint{margin:.5rem 0 .85rem}.video-upload strong{overflow-wrap:anywhere;font-size:.86rem}.video-upload .button{justify-content:center;align-items:center;gap:.35rem;min-height:32px;padding:.4rem .7rem;font-size:.78rem;display:inline-flex}.video-selected{padding:.7rem 0}.video-selected>div{flex:1;min-width:100px}.video-selected small,.video-library small{margin-top:.2rem;display:block}.video-transfer progress{min-width:100px;height:.5rem;accent-color:var(--primary);flex:1}.video-transfer span{font-variant-numeric:tabular-nums;font-size:.8rem}.video-file-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.video-upload label:has(+input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.video-disabled{opacity:.5;cursor:not-allowed}.video-library{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.video-library summary{cursor:pointer;font-size:.8rem}.video-library ul{margin:.5rem 0 0;padding:0;list-style:none}.video-library li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem 0;display:flex}.video-library li>div:first-child{flex:1;min-width:120px}.video-delete-confirm{flex-basis:100%}.video-delete-confirm p{font-size:.82rem}.video-delete-confirm .button{margin-right:.4rem}.managed-video{border:1px solid var(--border);background:var(--card);border-radius:.75rem;overflow:hidden}.managed-video mux-player{aspect-ratio:16/9;--controls:flex;--pip-button:none;--cast-button:none;--airplay-button:none;width:100%}.managed-video-start{aspect-ratio:16/9;background:var(--secondary);place-items:center;min-height:180px;display:grid}.managed-video-start .button{gap:.5rem;min-height:36px;padding:.5rem 1rem;font-size:.85rem}.managed-video-message{padding:.5rem .85rem;font-size:.8rem}@media (width<=480px){.video-upload-heading small{flex-basis:100%;margin-left:0}.video-upload{padding:.8rem}}
