.video-project{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;padding:12px;background:#0a0d14}
.viewer .video-project video{min-height:0;object-fit:contain;border-radius:12px}.video-now{text-align:center;color:#e1e8f8;font-size:14px;line-height:1.6}.video-error{color:#ffb4b4;text-align:center;font-size:13px}
.video-versions{display:grid;gap:8px}.video-versions button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;text-align:left;border:1px solid #d9dfed;border-radius:12px;background:#eef1f8;color:#30394f;cursor:pointer;font:inherit;font-size:14px}.video-versions button[aria-current="true"]{background:#e1e9ff;border-color:#597ae9;color:#254fbd;font-weight:800}.video-versions button span:first-child{min-width:0;overflow-wrap:anywhere}.video-versions button span:last-child{flex:none;font-variant-numeric:tabular-nums}
.modal.video-modal .panel{height:min(840px,calc(100dvh - 36px));grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:minmax(0,1fr)}.modal.video-modal .stage,.modal.video-modal .side{min-width:0;min-height:0}.modal.video-modal .viewer{min-height:0;height:100%}
@media(max-width:720px){.modal.video-modal .panel{height:calc(100dvh - 14px)}.modal.video-modal .side{padding:20px 12px}.modal.video-modal .side h2{font-size:1.5rem}.video-project{padding:6px;gap:6px}.video-versions button{padding:9px;gap:6px;flex-wrap:wrap}}