.rost-demo-banner {
  position: fixed; z-index: 100000; left: 0; right: 0; bottom: 0;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  background: #173c39; color: #fff; padding: 9px 18px;
  font: 500 13px/1.4 Inter, Arial, sans-serif;
  box-shadow: 0 -4px 20px #0002;
}
.rost-demo-banner a { color: #d3eeb5; text-decoration: underline; }
.rost-demo-backdrop {
  position: fixed; z-index: 100001; inset: 0; display: none;
  align-items: center; justify-content: center; padding: 16px;
  background: rgba(10, 31, 29, .72); backdrop-filter: blur(5px);
}
.rost-demo-backdrop[aria-hidden="false"] { display: flex; }
.rost-demo-dialog {
  width: min(960px, 100%); max-height: min(900px, 94vh); overflow: auto;
  background: #fff; border-radius: 22px; color: #183c36;
  box-shadow: 0 20px 80px #071c1a70; font: 400 16px/1.5 Inter, Arial, sans-serif;
}
.rost-demo-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 24px 28px 12px; }
.rost-demo-top h2 { margin: 0; font: 700 clamp(24px, 3vw, 34px)/1.2 Inter, Arial, sans-serif; }
.rost-demo-top p { margin: 8px 0 0; color: #54726a; }
.rost-demo-close { border: 0; background: #edf3ef; border-radius: 50%; width: 38px; height: 38px; font-size: 24px; cursor: pointer; }
.rost-demo-content { padding: 12px 28px 28px; }
.rost-demo-label { display:block; font-weight: 700; margin: 14px 0 6px; }
.rost-demo-select { box-sizing: border-box; width: 100%; padding: 13px 14px; border: 1px solid #bfd3c8; border-radius: 12px; background: white; color: #163d36; font: inherit; }
.rost-demo-hint { color:#60766d; margin: 12px 0 18px; font-size: 14px; }
.rost-demo-actions { display:flex; gap: 12px; align-items:center; flex-wrap:wrap; }
.rost-demo-primary { background:#288467; color:#fff; border:0; border-radius:12px; padding: 13px 18px; font: 700 15px Inter,Arial,sans-serif; cursor:pointer; }
.rost-demo-secondary { background:#edf4ed; color:#1b5947; border:0; border-radius:12px; padding: 13px 18px; font: 600 15px Inter,Arial,sans-serif; cursor:pointer; }
.rost-demo-frame { box-sizing:border-box; width:100%; height:620px; border:1px solid #d9e7dd; border-radius: 12px; background:#fff; }
.rost-demo-inline-trigger { display:block; margin: 12px auto; padding: 12px 18px; border: 0; border-radius: 10px; background: #96c43f; color: #fff; font: 700 15px Inter,Arial,sans-serif; cursor: pointer; }
@media(max-width:600px) {
  .rost-demo-dialog { max-height: 100vh; height: 100%; border-radius: 0; }
  .rost-demo-backdrop { padding: 0; }
  .rost-demo-top, .rost-demo-content { padding-left: 16px; padding-right: 16px; }
  .rost-demo-frame { height: calc(100vh - 210px); }
  .rost-demo-banner { font-size: 11px; }
}