.video-library{min-width:0}.video-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.video-top .tabs{margin:0;border:0}.video-top .primary{display:flex;align-items:center;gap:6px}.video-types{display:flex;gap:24px;border-bottom:1px solid #e1e5e9;margin-top:16px}.video-types button{border:0;border-radius:0;padding:12px 0;background:none;color:#69727e}.video-types .active{color:#1677ff;border-bottom:2px solid #1677ff;font-weight:600}.video-filters{margin:18px 0;flex-wrap:wrap}.video-filters small{margin-left:auto;color:#78818b}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px 20px}.video-card{min-width:0;overflow:hidden;border:1px solid #e3e6eb;border-radius:7px;background:white}.video-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:0;background:#25282d;overflow:hidden}.video-cover img,.video-cover video{width:100%;height:100%;object-fit:contain}.video-play{position:absolute;inset:0;display:grid;place-items:center;color:white;pointer-events:none}.video-play .icon{font-size:38px;filter:drop-shadow(0 1px 3px #000)}.video-duration{position:absolute;right:8px;bottom:8px;background:#25282dc9;color:white;font-size:12px;padding:2px 5px;border-radius:3px}.video-duration:empty{display:none}.video-caption{padding:12px}.video-caption strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;line-height:22px;font-size:15px;font-weight:600;overflow-wrap:anywhere}.video-caption small{display:block;color:#657080;font-size:12px;margin:5px 0 9px}.video-caption>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#78818b;font-size:12px}.client-tag{color:#287650}.video-pagination{display:flex;justify-content:center;gap:12px;margin:24px}.video-dialog{width:min(1150px,94vw);max-width:94vw}.video-detail{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:24px;padding-top:12px}.video-stage video{width:100%;height:min(65vh,620px);background:#181b20;object-fit:contain}.video-detail aside{position:static;width:auto;padding:0;border:0;background:none}.video-detail h2{font-size:20px;line-height:1.5;margin:0 0 18px;overflow-wrap:anywhere}.video-detail p{font-size:14px;color:#667181}.video-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.video-actions a{display:flex;align-items:center;gap:6px;padding:10px;border-radius:5px;text-decoration:none}.video-related{display:flex;width:100%;justify-content:space-between;gap:8px;margin:10px 0;text-align:left}.video-upload{width:min(620px,80vw);padding:6px}.video-upload h2{font-size:22px}.video-upload>label,.video-form-row label{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-size:14px}.video-upload input:not([type=radio]),.video-upload select{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #dce1e8;border-radius:5px;font:inherit}.video-form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.video-upload fieldset{border:0;padding:0;margin:20px 0;display:flex;gap:20px}.video-upload legend{margin-bottom:10px}.video-upload progress{width:100%}#video-upload-error,.video-play-error{color:#b43333}.video-upload>button{width:100%}
@media(min-width:1800px){.video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:750px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-caption{padding:9px}.video-top{gap:8px}.video-types{gap:16px}.video-filters select{max-width:48%;min-width:0}.video-detail{grid-template-columns:1fr}.video-stage video{height:36vh}.video-form-row{grid-template-columns:1fr}.video-upload{width:100%}.video-caption strong{font-size:14px}.video-top .primary{font-size:12px}.video-filters small{width:100%;margin:0}}
#dialog-body form.video-upload{max-width:620px;display:block}#dialog-body .video-form-row{min-width:0}.video-upload fieldset label{display:flex;align-items:center;gap:6px}.video-upload input[type=radio]{width:auto}.video-card button:focus-visible{outline:3px solid #1677ff;outline-offset:-3px}
.video-embedded #sidebar,.video-embedded header{display:none}.video-embedded .workspace{margin-left:0}.video-embedded main{padding:12px}.video-private-delete{color:#B84343}