.sj-intro{display:flex;align-items:center;gap:12px;margin:12px 0 22px}.sj-intro img{width:85px;height:85px;object-fit:contain}.sj-intro small{display:block;margin-top:5px}.sj-intro button,.sj-dialog button:not(.sj-close){border:0;border-radius:10px;background:#5736b7;color:white;font:700 16px/1.35 system-ui;padding:12px 18px;cursor:pointer}.sj-dialog{box-sizing:border-box;width:min(1180px,96vw);max-width:96vw;max-height:92vh;border:0;border-radius:16px;padding:clamp(18px,3vw,36px);color:#241738;font:17px/1.5 system-ui}.sj-dialog::backdrop{background:#120b27bb}.sj-dialog [hidden]{display:none!important}.sj-close{position:absolute;right:10px;top:6px;border:0;background:transparent;font-size:28px;cursor:pointer}.sj-dialog label{display:block;margin:14px 0}.sj-dialog input,.sj-dialog select{box-sizing:border-box;display:block;padding:10px;width:min(100%,600px);font:inherit;border:1px solid #aba2bd;border-radius:8px}.sj-dialog article{max-width:600px;background:#f5f0ff;color:#241738;font:18px/1.55 Arial;padding:30px}.sj-dialog article p{white-space:pre-line}.sj-dialog article b{display:inline-block;background:#5527ac;padding:12px 20px;color:white}.sj-rail{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);align-items:center;gap:14px}.sj-rail img{float:left;width:68px;height:75px;object-fit:contain}.sj-rail h2{font-size:20px}.sj-dialog iframe{display:block;border:0;width:100%}#sj-slot iframe{height:132px}#sj-prime iframe{height:min(52vh,540px)}.sj-error{color:#a21933}.sj-dialog button:disabled{opacity:.6}@media(max-width:720px){.sj-rail{grid-template-columns:1fr}.sj-rail img{height:54px}.sj-intro button{font-size:14px}#sj-slot iframe{height:100px}}

.sj-dialog:has(#sj-wait:not([hidden])),.sj-dialog:has(#sj-review:not([hidden])){
 width:98vw;max-width:98vw;height:95vh;height:95dvh;max-height:95vh;max-height:95dvh;padding:clamp(18px,2.2vw,34px);overflow:auto
}
#sj-prime iframe{height:clamp(300px,calc(95dvh - 270px),85dvh)}
#sj-review{max-width:1080px;margin:24px auto;display:grid;grid-template-columns:minmax(600px,1.6fr) minmax(260px,1fr);gap:clamp(24px,4vw,72px);align-items:start}
.sj-proof,.sj-contact{min-width:0}
#sj-render{width:100%;max-width:600px}
@media(max-width:1020px){#sj-review{display:block;max-width:600px}.sj-contact{margin-top:24px}}
@media(max-width:600px){.sj-dialog:has(#sj-wait:not([hidden])),.sj-dialog:has(#sj-review:not([hidden])){width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:20px 10px}.sj-dialog #sj-review{margin-top:20px}}

/* Keep the status beside the full-width Spotlight creative. */
.sj-rail {
  grid-template-columns: minmax(0, 1fr) minmax(0, min(60%, 728px));
  gap: clamp(14px, 2vw, 32px);
}
.sj-rail > div:first-child {
  justify-self: center;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  align-content: center;
  column-gap: clamp(8px, 1.2vw, 20px);
}
.sj-rail img {
  grid-row: 1 / 3;
  width: clamp(80px, 8vw, 126px);
  height: auto;
  max-height: 130px;
}
.sj-rail h2 {
  margin: 0 0 6px;
  font-size: clamp(19px, 1.8vw, 29px);
  line-height: 1.15;
}
.sj-rail progress { width: min(100%, 220px); }
.sj-dialog #sj-preview {
  justify-self: start;
  padding: 13px clamp(16px, 2vw, 34px);
  border-radius: 14px;
  background: linear-gradient(110deg, #5926b9, #7540d6);
  box-shadow: 0 3px 0 #412185;
  font-size: clamp(19px, 1.6vw, 25px);
}
@media (max-width: 780px) {
  .sj-rail { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .sj-rail img { width: 84px; }
  #sj-slot { width: min(100%, 728px); justify-self: end; }
}
.sj-subject-row { margin: 12px 0; }
.sj-subject-row small, .sj-subject-row strong { display: block; }
.sj-subject-row strong { overflow-wrap: anywhere; margin: 4px 0; }
.sj-dialog #sj-edit-subject, .sj-dialog #sj-full {
  display: inline-block;
  padding: 6px 0;
  color: #5631a8;
  background: transparent;
  font: 700 16px/1.4 system-ui;
  text-decoration: underline;
}
#sj-full { margin-bottom: 8px; }

.sj-dialog #sj-start {
  box-sizing: border-box;
  width: min(100%, 20rem);
  min-height: 60px;
  padding: 14px 24px;
  border-radius: 14px;
  background: linear-gradient(110deg, #5830be, #7532c6);
  color: white;
  font: 800 clamp(21px, 2vw, 25px)/1.2 system-ui;
  box-shadow: 0 3px 0 #381781;
}
.sj-dialog #sj-start:hover:enabled { background: #5022ac; }
.sj-dialog:has(#sj-input:not([hidden])) #sj-manual {
  min-height: 44px;
  background: transparent;
  color: #514861;
  box-shadow: none;
  font: 600 15px/1.4 system-ui;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sj-dialog :is(#sj-start, #sj-manual):focus-visible {
  outline: 3px solid #174a91;
  outline-offset: 4px;
}