.test-mode-dialog{
  width:min(560px,calc(100vw - 32px));
  padding:0;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:var(--ink);
  box-shadow:0 28px 90px #14251a2e;
  overflow:hidden;
}
.test-mode-dialog::backdrop{
  background:#15271b80;
  backdrop-filter:blur(4px);
}
.test-mode-panel{padding:30px 32px 28px}
.test-mode-label{
  margin:0 0 12px;
  font:11px var(--mono);
  letter-spacing:.12em;
  color:var(--muted);
}
.test-mode-dialog h2{
  margin:0;
  max-width:none;
  font-size:1.65rem;
  font-weight:600;
  letter-spacing:-.035em;
}
.test-mode-copy{
  margin:14px 0 0;
  max-width:48ch;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.7;
}
.test-mode-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:24px;
}
.test-mode-actions .button{min-width:112px}
html[data-theme=vector] .test-mode-dialog{
  border-radius:2px;
  box-shadow:none;
}
@media(max-width:680px){
  .test-mode-panel{padding:25px 22px 22px}
  .test-mode-dialog h2{font-size:1.45rem}
  .test-mode-copy{font-size:.9rem}
  .test-mode-actions .button{width:100%}
}