.video-file{position:relative;display:flex!important;width:100%;background:#eef4ff!important;color:#1d4ed8!important;border-color:#bdd2fb!important;font-weight:700;min-height:52px;text-align:center}.video-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.video-file:focus-within{outline:2px solid #2563eb;outline-offset:3px}.video-panel-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.video-stage{min-height:320px}.video-stage video{width:100%;max-height:65vh;object-fit:contain;background:#0c1727}.video-preview-actions{margin-top:16px}.video-progress{display:flex;align-items:center;gap:12px}.video-progress progress{flex:1;height:12px;accent-color:#2563eb}.video-progress span{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.video-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.video-note-grid>div{border:1px solid #e1e9f2;border-radius:12px;padding:14px;background:#f8faff}.video-note-grid strong{font-size:14px}.video-note-grid p{color:#61758d;font-size:12px;line-height:1.7;margin:6px 0 0}.video-notes h2{margin-bottom:18px}.video-file input:disabled{cursor:not-allowed}@media(max-width:850px){.video-note-grid{grid-template-columns:1fr}.video-stage{min-height:210px}}@media(max-width:400px){.video-panel-head{display:block}.video-stage{min-height:170px}}