*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}@media (min-width: 768px){.mobile-layout{flex-direction:row!important;align-items:center!important;gap:16px!important}.waveform-row{order:1!important;flex:1!important;display:flex!important;align-items:center!important;gap:16px!important}.controls-row{order:2!important;display:flex!important;align-items:center!important;gap:16px!important}.controls-row .mobile-time{display:none!important}}@media (max-width: 767px){.mobile-layout{flex-direction:column!important;gap:16px!important}.waveform-row{width:100%!important;display:flex!important;align-items:center!important;gap:16px!important}.controls-row{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important}}