/* File icons flow into the original app recording without covering or replacing it. */
[data-constellation-upload] {
  position: relative;
  isolation: isolate;
}
.constellation-upload__sources { display: none; }
[data-upload-active="true"] .constellation-upload__sources { display: block; }
.constellation-upload__sources {
  position: absolute;
  inset: 0;
  z-index: 12;
  pointer-events: none;
}
.constellation-upload__source {
  position: absolute;
  left: 50%;
  top: 56%;
  width: 120px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--source-color) 65%, transparent);
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--source-color) 32%, #141b32), #111728);
  box-shadow: 0 8px 25px #02061755, 0 0 22px color-mix(in srgb, var(--source-color) 25%, transparent);
  box-sizing: border-box;
  opacity: 0;
  transform: translate(-50%, -50%);
  z-index: 2;
}
/* Match the header artwork: bespoke ink silhouettes tinted through an alpha mask. */
.constellation-upload__source .constellation-upload__icon {
  display: block;
  width: 30px;
  height: 32px;
  flex: 0 0 30px;
  background-color: var(--source-color);
  -webkit-mask: var(--source-icon) center / contain no-repeat;
  mask: var(--source-icon) center / contain no-repeat;
}
.constellation-upload__source span { font-size: 10.5px; font-weight: 750; line-height: 1.4; }
.constellation-upload__source small { display: block; font-size: 8px; color: #c8d5ea; font-weight: 500; }
.constellation-upload__source--video { --source-color: #ff647e; --source-icon: url("/campaign/upload-icons/youtube.svg"); }
.constellation-upload__source--pdf { --source-color: #ffca68; --source-icon: url("/campaign/upload-icons/lecture-notes.svg"); }
.constellation-upload__source--homework { --source-color: #5ce4e0; --source-icon: url("/campaign/upload-icons/homework.svg"); }
.constellation-upload__source--syllabus { --source-color: #ba95ff; --source-icon: url("/campaign/upload-icons/syllabus.svg"); }
.constellation-upload__source--guide { --source-color: #b8eb6d; --source-icon: url("/campaign/upload-icons/study-guide.svg"); }
.constellation-upload__source--photo { --source-color: #69b5ff; --source-icon: url("/campaign/upload-icons/photo.svg"); }
.constellation-upload__source--notes { --source-color: #fa8bce; --source-icon: url("/campaign/upload-icons/written-notes.svg?v=2"); }
.constellation-upload__toggle {
  margin: 0;
  padding: 5px 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.constellation-upload__toggle:hover { color: var(--text); }
.constellation-upload__toggle:focus-visible { outline: 2px solid var(--blue); outline-offset: 5px; border-radius: 3px; }
@media (max-width: 900px) {
  .constellation-upload__source { width: 108px; padding: 8px; }
  .constellation-upload__source span { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .constellation-upload__sources { display: none !important; }
}