.prosign-default-screen {
  position: absolute;
  inset: 0;
  z-index: 9998;
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  background: var(--ps-default-bg, #070b14);
  color: var(--ps-default-text, #fff);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  opacity: 1;
  visibility: visible;
  transition: opacity .42s ease, visibility .42s ease;
}

.prosign-default-screen[hidden] { display: none; }
.prosign-default-screen.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }

.prosign-default-screen__veil {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.prosign-default-screen__veil {
  z-index: -2;
  background:
    radial-gradient(circle at 76% 18%, color-mix(in srgb,var(--ps-default-accent,#ff4d4d) 28%,transparent), transparent 38%),
    radial-gradient(circle at 18% 82%, color-mix(in srgb,var(--ps-default-accent,#ff4d4d) 12%,transparent), transparent 42%),
    linear-gradient(145deg, color-mix(in srgb,var(--ps-default-bg,#070b14) 82%,#000), var(--ps-default-bg,#070b14));
}

.prosign-default-screen__content {
  display: grid;
  justify-items: center;
  gap: clamp(8px, 1.3vw, 18px);
  width: min(88%, 980px);
  padding: clamp(28px, 4.5vw, 72px);
  border: 1px solid color-mix(in srgb,var(--ps-default-accent,#ff4d4d) 34%,rgba(255,255,255,.18));
  border-top: 4px solid var(--ps-default-accent,#ff4d4d);
  border-radius: clamp(18px,2vw,30px);
  background:color-mix(in srgb,var(--ps-default-bg,#070b14) 76%,transparent);
  box-shadow:0 32px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
  text-align: center;
  text-shadow: 0 3px 20px rgba(0, 0, 0, .36);
}

.prosign-default-screen__logo{display:block;width:min(76vw,720px);height:auto;max-height:28vh;object-fit:contain;filter:drop-shadow(0 16px 34px rgba(0,0,0,.34))}
.prosign-default-screen__brand { font-size: clamp(20px, 3vw, 48px); font-weight: 950; letter-spacing: .105em; }
.prosign-default-screen__brand span { color: var(--ps-default-accent, #ff4d4d); font-weight: 700; letter-spacing: .035em; }
.prosign-default-screen__eyebrow { margin: clamp(12px, 2vw, 26px) 0 0; color: var(--ps-default-accent, #ff4d4d); font-size: clamp(10px, 1.1vw, 17px); font-weight: 900; letter-spacing: .28em; }
.prosign-default-screen__title { margin: 0; color: inherit; font-size: clamp(34px, 7vw, 104px); font-weight: 900; line-height: .96; letter-spacing: -.05em; }
.prosign-default-screen__message { min-height: 1.4em; margin: 0; color: inherit; opacity: .76; font-size: clamp(15px, 2vw, 28px); font-weight: 600; }
.prosign-default-screen__loader { display: flex; gap: 9px; margin-top: clamp(12px, 2vw, 24px); }
.prosign-default-screen__loader i { width: 9px; height: 9px; border-radius: 50%; background: var(--ps-default-accent, #ff4d4d); animation: prosign-default-pulse 1.1s ease-in-out infinite; }
.prosign-default-screen__loader i:nth-child(2) { animation-delay: .16s; }
.prosign-default-screen__loader i:nth-child(3) { animation-delay: .32s; }
.prosign-default-screen[data-state="fallback"] .prosign-default-screen__loader i { animation-duration: 2s; }
.prosign-default-screen[data-state="error"] .prosign-default-screen__loader { display: none; }
.prosign-default-screen[data-state="pairing"] .prosign-default-screen__title {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .12em;
  font-variant-numeric: tabular-nums;
}
.prosign-default-screen[data-state="pairing"] .prosign-default-screen__content {
  border-top-width: 7px;
}

.prosign-default-screen--preview { position: relative; inset: auto; width: 100%; min-height: 360px; border: 1px solid var(--line, #293347); border-radius: 14px; }
.prosign-default-screen--preview .prosign-default-screen__title { font-size: clamp(30px, 5vw, 66px); }
.prosign-default-screen--preview .prosign-default-screen__content{width:min(92%,760px);padding:clamp(22px,4vw,44px)}
.prosign-default-screen--preview .prosign-default-screen__logo{width:min(72%,520px);max-height:120px}
.prosign-default-screen--designer { left: 50%; top: 50%; right: auto; bottom: auto; inset: auto; z-index: 1000; transform-origin: center; }
.prosign-capture-mode .prosign-default-screen__loader i { animation-play-state: paused !important; }

@keyframes prosign-default-pulse {
  0%, 80%, 100% { transform: scale(.72); opacity: .45; }
  40% { transform: scale(1.14); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .prosign-default-screen,
  .prosign-default-screen__loader i { transition: none; animation: none; }
}