/* R8.1 — automatic document generation: live preview layout for the
   "Use template" question-fill screen. Independent of, and never loaded
   by, the Document Studio canvas/ribbon editor itself. */
.r81-template-live{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,480px);gap:16px;align-items:start}
.r81-template-live>form{min-width:0}
.r81-live-preview{position:sticky;top:96px;display:grid;grid-template-rows:auto 1fr;height:min(78vh,860px);border:1px solid #dbe4ee;border-radius:14px;background:#eef1f7;overflow:hidden;box-shadow:0 10px 30px -18px #0f172a4d}
.r81-live-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 14px;background:#fff;border-bottom:1px solid #dbe4ee}
.r81-live-preview-head b{font-size:13px;color:#10213a}
.r81-live-preview-head span{font-size:11px;color:#64748b}
.r81-live-preview-head span[data-r81-status]{white-space:nowrap;font-weight:700}
.r81-live-preview-frame{width:100%;height:100%;border:0;background:#dfe5ed}
.r81-generate-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.r81-generate-choice button{width:100%}
.r81-generate-note{grid-column:1/-1;margin:2px 0 0;color:#64748b;font-size:12px;line-height:1.4}
@media(max-width:980px){
  .r81-template-live{grid-template-columns:1fr}
  .r81-live-preview{position:relative;top:auto;height:520px}
}
@media(max-width:560px){
  .r81-generate-choice{grid-template-columns:1fr}
}
.r81-live-preview-head span[data-r81-state="error"]{color:#b42318}