/* v0.9.79 — play/pause, a light decorative waveform, and readable status. */
.nt-simple-audio .nt-audio-top,.nt-simple-audio.compact .nt-audio-top{display:grid;grid-template-columns:44px minmax(0,1fr);gap:15px;align-items:center}
.nt-simple-audio .nt-audio-play,.nt-simple-audio.compact .nt-audio-play{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;font-size:15px}
.nt-simple-audio .nt-simple-body{min-width:0}
.nt-simple-audio .nt-audio-copy{margin-bottom:7px}
.nt-simple-audio .nt-wave-shell,#profileModal .nt-simple-audio.compact .nt-wave-shell{height:28px;margin:0 0 5px}
.nt-simple-audio .nt-wave-bars{height:28px;justify-content:space-between;gap:4px}
.nt-simple-audio .nt-wave-bars i{min-width:2px;max-width:7px;flex:1}
.nt-simple-audio .nt-simple-time{display:block;font-size:10px;color:#b6a3c2;line-height:1.6;font-variant-numeric:tabular-nums}
.nt-simple-audio .nt-simple-status{margin:8px 0 0;font-size:12px;line-height:1.6;color:#dbc1eb;overflow-wrap:anywhere}
.nt-simple-audio .nt-simple-status.error{color:#f1b8d0}
.nt-simple-audio [hidden]{display:none!important}
.nt-simple-audio.loading .nt-audio-play{color:#eeddf8}
.nt-simple-audio .nt-audio-play:focus-visible{outline:2px solid #e3b0fc;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.nt-simple-audio.playing .nt-wave-bars i{animation:none!important}}

/* Header and footer stay visible even when the video is tall. */
#ntSoundVideoModal>.modalbox,#ntSoundVideoModal>.modalbox.nt-size-locked{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(760px,calc(100vw - 32px))!important;height:min(850px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;max-width:none!important;overflow:hidden!important;padding:24px!important;scrollbar-gutter:auto}
#ntSoundVideoModal .nt-sound-video-head{position:relative;padding-right:52px;min-height:44px}
#ntSoundVideoModal .nt-sound-video-head>.close{position:absolute!important;top:0!important;right:0!important;float:none!important;margin:0!important;width:44px;height:44px;z-index:2}
#ntSoundVideoModal h2{font-size:25px;line-height:1.35;margin:4px 0 0;overflow-wrap:anywhere}
#ntSoundVideoModal .nt-sound-video-body{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}
#ntSoundVideoPreview{width:100%;flex:1 1 0;min-height:0;max-height:100%;object-fit:contain;display:block;background:#09060e;border-radius:12px}
#ntSoundVideoProgress{flex:none;width:100%;margin:0}
#ntSoundVideoStatus{flex:none;margin:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
#ntSoundVideoModal .nt-voice-tools{display:flex;gap:12px;margin:0}
#ntSoundVideoModal .nt-voice-tools button{flex:1;min-width:0;min-height:44px;font-size:14px;padding:11px 12px}
#ntSoundVideoHint{font-size:11px;line-height:1.6;overflow-wrap:anywhere;margin:8px 0 0}
#ntSoundVideoHint:empty{display:none}
@media(max-width:480px){
 #ntSoundVideoModal>.modalbox,#ntSoundVideoModal>.modalbox.nt-size-locked{width:calc(100vw - 20px)!important;height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;padding:18px!important;gap:12px;border-radius:24px}
 #ntSoundVideoModal h2{font-size:21px}
 #ntSoundVideoModal .nt-voice-tools{gap:8px}
}
