.aurasync-formats{width:min(74vw,900px);margin:0 auto 1.15rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.aurasync-formats a{min-height:4rem;display:flex;align-items:center;gap:.8rem;padding:.7rem .95rem;border:1px solid #3b3f38;background:#10110f;color:#f2f3ee;text-decoration:none;transition:border-color .2s ease,background .2s ease}
.aurasync-formats a:hover,.aurasync-formats a:focus-visible{border-color:#dcff75;background:#1a1e15}
.aurasync-formats a:focus-visible{outline:2px solid #dcff75;outline-offset:3px}
.format-ratio{display:block;flex:none;border:1px solid currentColor;color:#dcff75}
.format-ratio--wide{width:2rem;aspect-ratio:16/9}
.format-ratio--tall{height:2rem;aspect-ratio:9/16;margin-inline:.45rem}
.format-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.format-copy strong{font-size:.88rem;letter-spacing:.04em;font-weight:600}
.format-copy small{font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:#aaa9a5}
.format-arrow{margin-left:auto;color:#dcff75;font-size:1rem}
.metamorph #aurasync .stage{height:43svh;max-height:43svh;margin:.75rem 0}
.metamorph #aurasync .aurasync-formats{width:100%;margin:0 0 .65rem}
@media(max-width:800px){#aurasync{padding-block:2.5rem}.aurasync-formats{width:100%}}
@media(max-width:440px){.aurasync-formats{gap:.4rem}.aurasync-formats a{padding:.6rem .65rem;gap:.5rem}.format-copy strong{font-size:.8rem}.format-copy small{font-size:.55rem}.format-ratio--wide{width:1.55rem}.format-ratio--tall{height:1.55rem;margin-inline:.35rem}}