.file-field {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: clip;
  pointer-events: none;
  container-type: size;
  /* Leave the center copy clear while filenames emerge around it. */
  mask-image: radial-gradient(ellipse 30% 31% at 50% 44%, transparent 35%, #000 94%);
}
.file-echo {
  position: absolute;
  left: 50%;
  top: 44%;
  color: #57466c;
  font: 400 14px/1.3 var(--font-mono);
  letter-spacing: -.025em;
  white-space: nowrap;
  opacity: 0;
  will-change: transform, opacity;
  animation: filename-flight 7.2s linear infinite;
  animation-delay: var(--delay);
}
@keyframes filename-flight {
  0% { opacity: 0; transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(.45); }
  18% { opacity: .68; }
  40% { transform: translate(-50%, -50%) translate3d(calc(var(--flight-x) * .23), calc(var(--flight-y) * .23), 0) scale(.68); }
  72% { opacity: .82; }
  80% { transform: translate(-50%, -50%) translate3d(calc(var(--flight-x) * .65), calc(var(--flight-y) * .65), 0) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) translate3d(var(--flight-x), var(--flight-y), 0) scale(1.25); }
}
.file-field[data-paused="true"] .file-echo,
.file-field[data-suspended="true"] .file-echo { animation-play-state: paused; }
.files-toggle {
  position: absolute;
  bottom: 22px;
  right: 28px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 8px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #6a6074;
  font: 400 12px/1 var(--font-sans);
  cursor: pointer;
}
.files-toggle[hidden] { display: none; }
.files-toggle:hover { background: #6954800b; }
.files-toggle:focus-visible { outline: 2px solid #765de2; outline-offset: 3px; }
.files-toggle svg { width: 15px; height: 15px; }
@media(max-width:600px) {
  .file-echo { font-size: 12px; }
  .file-field { mask-image: radial-gradient(ellipse 60% 37% at 50% 42%, transparent 55%, #000 100%); }
  .files-toggle { right: 12px; bottom: 12px; font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) {
  .file-field, .files-toggle { display: none; }
  .file-echo { animation: none; will-change: auto; }
}