.interface-audio {
  position:fixed;
  left:max(clamp(28px,4vw,56px),env(safe-area-inset-left));
  bottom:max(calc(clamp(28px,4vw,56px) + 66px),calc(env(safe-area-inset-bottom) + 90px));
  z-index:9;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  max-width:calc(100vw - 40px);
  color:var(--design-text,#e6e9f1);
}
.interface-audio button {
  min-height:40px;
  padding:0 12px;
  border:1px solid currentColor;
  border-radius:20px;
  background:transparent;
  color:inherit;
  font:400 12px var(--design-font, sans-serif);
  cursor:pointer;
  opacity:.72;
}
.interface-audio button:hover { opacity:1; }
.interface-audio button:focus-visible { outline:2px solid currentColor;outline-offset:3px; }
.audio-status { flex-basis:100%;font:12px sans-serif; }
.audio-status:empty { display:none; }

.interface-audio select {
  max-width: 230px;
  min-height: 40px;
  border: 1px solid currentColor;
  border-radius: 20px;
  padding: 0 12px;
  color: inherit;
  background: #171e29;
  font: 400 12px sans-serif;
}
.interface-audio select option { color: #edf3fa; background: #171e29; }

.interface-audio details { max-width: 300px; font-size: 11px; }
.interface-audio summary { cursor: pointer; }
.interface-audio details a { display:block; color:inherit; margin:8px 0; }
.interface-audio details label { display:block; }
.interface-audio input[type=file] { display:block; max-width:280px; font:inherit; margin:8px 0; }