.mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.mg-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;border:1px solid rgb(255 255 255/20%);border-radius:24px;padding:8px 15px;color:rgb(255 255 255/80%);font-size:13px;font-weight:600;cursor:pointer}.mg-control-active,.mg-control:hover{border-color:var(--color-mint);color:var(--color-mint)}.mg-control:focus-visible{outline:2px solid var(--color-mint);outline-offset:3px}.mg-preview{--mg-stage-ratio:4/3;position:relative;display:grid;place-items:center;aspect-ratio:var(--mg-stage-ratio);container-type:size}.mg-preview-frame{position:relative;width:100%;overflow:hidden;border-radius:18px;background:#17191b;box-shadow:0 0 0 1px rgb(255 255 255/12%);transition:width .28s ease,height .28s ease}.mg-preview-frame:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--mg-accent,transparent);pointer-events:none}@supports (width:1cqw){.mg-preview-frame[data-aspect="16:9"]{width:min(100cqw,100cqh * 16/9);height:min(100cqh,100cqw * 9/16)}.mg-preview-frame[data-aspect="9:16"]{width:min(100cqw,100cqh * 9/16);height:min(100cqh,100cqw * 16/9)}}.mg-preview-poster,.mg-preview-video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.mg-preview-pending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center}.mg-preview-label,.mg-preview-status{position:absolute;bottom:10px;right:10px;border-radius:8px;padding:4px 8px;background:rgb(0 0 0/75%);color:rgb(255 255 255/80%);font-size:11px}.mg-preview-status{left:10px;right:auto}.mg-preview-hero{--mg-stage-ratio:auto;width:100%;aspect-ratio:auto;height:min(640px,75vh)}@media (max-width:1000px){.mg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.mg-grid{grid-template-columns:minmax(0,1fr);gap:32px}.mg-preview{--mg-stage-ratio:5/4}.mg-preview-hero[data-aspect="16:9"]{height:calc((100vw - 48px) * 9 / 16)}.mg-preview-hero[data-aspect="9:16"]{height:min(480px,70vh)}.mg-preview-hero{transition:height .28s ease}.mg-preview-hero .mg-preview-frame{transition:none}}@media (prefers-reduced-motion:reduce){.mg-preview-video{display:none}.mg-preview-frame,.mg-preview-hero{transition:none}}