.video-layout{display:grid;grid-template-columns:1fr 1fr;min-height:590px}
.video-layout>.video-form{grid-template-columns:1fr 1fr;padding:20px;border-right:1px solid var(--line);align-content:start}
.video-layout .video-reference{min-height:76px}
.video-result{position:relative;min-width:0;min-height:590px;padding:24px;background:#edf0f1;display:grid;place-items:center}
.video-result-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:#89939b;text-align:center}
.video-result-empty b{width:54px;height:54px;border-radius:15px;background:#dce9e4;color:var(--green);display:grid;place-items:center;font-size:21px}
.video-result-empty small{font-size:10px;color:#9aa4aa}
.video-result>video{display:none;width:100%;max-height:490px;border-radius:7px;background:#17212a;object-fit:contain;box-shadow:0 8px 28px #18202a22}
.video-result-actions{display:none;position:absolute;right:20px;bottom:18px;left:20px;align-items:center;gap:8px;flex-wrap:wrap}
.video-result-actions>span{margin-right:auto;border-radius:5px;background:#ffffffdd;padding:7px 10px;color:#65717a;font-size:10px}
.video-result-actions a{text-decoration:none}
.video-result.has-result .video-result-empty{display:none}
.video-result.has-result>video{display:block}
.video-result.has-result .video-result-actions{display:flex}
.video-result.is-pending .video-result-empty b{animation:videoPulse 1.4s ease-in-out infinite}
@keyframes videoPulse{50%{transform:scale(1.08);opacity:.65}}
@media(max-width:1050px){.video-layout{grid-template-columns:1fr}.video-layout>.video-form{border-right:0;border-bottom:1px solid var(--line)}.video-result{min-height:460px}.video-result>video{max-height:380px}}
@media(max-width:650px){.video-layout>.video-form{grid-template-columns:1fr}.video-result{min-height:380px;padding:16px}.video-result-actions{right:12px;bottom:12px;left:12px}.video-result-actions>span{flex-basis:100%}}