.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{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border:1px solid rgb(255 255 255/12%);border-radius:18px;background:rgb(255 255 255/3%)}.mg-preview,.mg-preview-frame{position:relative;overflow:hidden}.mg-preview-frame{max-height:100%;width:100%;border-bottom:3px solid;background:#17191b}.mg-preview[data-aspect="9:16"] .mg-preview-frame{width:auto;height:100%}.mg-preview-poster,.mg-preview-video{position:absolute;width:100%;height:100%;object-fit:contain;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{width:100%;min-height:260px}.mg-preview-hero[data-aspect="9:16"]{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-hero{min-height:0}}@media (prefers-reduced-motion:reduce){.mg-preview-video{display:none}}