.ra-page{
  --ra-ink:#0f172a;
  --ra-muted:#3e4c5e;
  --ra-line:#d5dee8;
  --ra-navy:#003DA5;
  --ra-navy-deep:#0f1a35;
  --ra-paper:#ffffff;
  --ra-desk:#e7edf4;
  color:var(--ra-ink);
  font-variant-numeric:tabular-nums;
}
.ra-page *{box-sizing:border-box;}
.ra-head{margin:0 0 18px;max-width:72ch;}
.ra-head h2{
  margin:0 0 6px;
  font-size:1.45rem;
  line-height:1.15;
  letter-spacing:-0.03em;
  font-weight:800;
  color:var(--ra-navy-deep);
}
.ra-head p{margin:0;color:var(--ra-muted);font-size:14px;line-height:1.45;}
.ra-layout{
  display:grid;
  grid-template-columns:minmax(320px,440px) minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.ra-form{
  background:var(--ra-paper);
  border:1px solid var(--ra-line);
  border-radius:16px;
  padding:18px 18px 14px;
}
.ra-block{margin:0 0 16px;}
.ra-block h3{
  margin:0 0 10px;
  font-size:13px;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--ra-navy-deep);
}
.ra-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ra-grid .ra-span{grid-column:1 / -1;}
.ra-field{display:flex;flex-direction:column;gap:4px;min-width:0;}
.ra-field label{font-size:12px;font-weight:700;color:var(--ra-muted);}
.ra-field input,.ra-field select,.ra-field textarea{
  width:100%;
  border:1px solid var(--ra-line);
  border-radius:10px;
  background:#fff;
  color:var(--ra-ink);
  font:inherit;
  font-size:14px;
  padding:8px 10px;
  caret-color:var(--ra-navy);
}
.ra-field textarea{min-height:72px;resize:vertical;line-height:1.4;}
.ra-field input::placeholder,.ra-field textarea::placeholder{color:#3e4c5e;opacity:1;}
.ra-field input:focus,.ra-field select:focus,.ra-field textarea:focus{
  outline:2px solid var(--ra-navy);
  outline-offset:1px;
  border-color:var(--ra-navy);
}
.ra-field.is-bad input,.ra-field.is-bad select,.ra-field.is-bad textarea{border-color:#b91c1c;}
.ra-err{font-size:12px;color:#9f1239;min-height:0;}
.ra-check{
  display:flex;
  gap:8px;
  align-items:flex-start;
  font-size:13px;
  line-height:1.4;
  color:var(--ra-ink);
  margin:8px 0 0;
}
.ra-check input{margin-top:2px;accent-color:var(--ra-navy);}
.ra-note{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--ra-muted);}
.ra-live{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--ra-line);
  display:grid;
  gap:4px;
}
.ra-live strong{font-size:13px;color:var(--ra-navy-deep);}
.ra-live span{font-size:13px;line-height:1.4;color:var(--ra-muted);}
.ra-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.ra-hist{margin-top:18px;}
.ra-hist h3{margin:0 0 8px;font-size:13px;font-weight:800;color:var(--ra-navy-deep);}
.ra-hist ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.ra-hist li{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:8px 0;
  border-top:1px solid var(--ra-line);
  font-size:13px;
}
.ra-hist button{
  border:1px solid var(--ra-line);
  background:#fff;
  border-radius:8px;
  padding:6px 10px;
  font:inherit;
  font-size:12px;
  font-weight:700;
  color:var(--ra-navy-deep);
  cursor:pointer;
}
.ra-hist button:focus-visible{outline:2px solid var(--ra-navy);outline-offset:1px;}
.ra-desk{
  background:var(--ra-desk);
  border-radius:16px;
  padding:16px;
  position:sticky;
  top:12px;
}
.ra-sheet{
  background:#fff;
  border-radius:2px;
  box-shadow:0 14px 28px rgba(15,26,53,.16);
  overflow:hidden;
  min-height:640px;
  transition:opacity .18s ease-out;
}
.ra-sheet.is-fresh{opacity:.72;}
.ra-sheet iframe{
  width:100%;
  height:920px;
  border:0;
  background:#fff;
  display:block;
}
.ra-empty{
  padding:28px 8px;
  text-align:center;
  color:var(--ra-muted);
  font-size:14px;
}
::selection{background:#dbe7fb;color:var(--ra-ink);}
@media(max-width:980px){
  .ra-layout{grid-template-columns:1fr;}
  .ra-desk{position:static;}
  .ra-sheet iframe{height:720px;}
}
@media(max-width:640px){
  .ra-grid{grid-template-columns:1fr;}
  .ra-head h2{font-size:1.25rem;}
}