.zg-question-settings {
  --qs-gold: #c99a43;
  position: fixed;
  inset: 0;
  z-index: 260;
  display: grid;
  place-items: center;
  padding: 28px;
  background-color: rgba(7, 3, 4, .82);
  color: #f7e8bd;
  font-family: Georgia, "Times New Roman", serif;
}
.zg-question-settings * { box-sizing: border-box; }
.zg-question-settings__panel {
  width: min(760px, 100%);
  height: min(650px, 100%);
  max-height: 100%;
  overflow: auto;
  padding: 28px;
  border: 3px double var(--qs-gold);
  border-radius: 16px;
  background: linear-gradient(145deg, #271a12, #100b09);
  box-shadow: 0 24px 70px #000b, inset 0 0 30px #8d5c241f;
}
.zg-question-settings header { display:flex; justify-content:space-between; gap:18px; margin-bottom:22px; }
.zg-question-settings h2,.zg-question-settings p { margin:0; }
.zg-question-settings h2 { color:#fff0c6; font-size:42px; text-transform:uppercase; letter-spacing:.07em; }
.zg-question-settings p,.zg-question-settings small { color:#c9b892; }
.zg-question-settings p { margin-top:5px; }
.zg-question-settings button { color:inherit; font:inherit; cursor:pointer; }
.zg-question-settings__close { width:44px;height:44px;border:1px solid #986c2f;border-radius:10px;background:#2b1b11; }
.zg-question-settings__rows { display:grid; gap:12px; }
.zg-question-settings__row { min-height:74px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:14px 17px;border:1px solid #7f5927;border-radius:10px;background:linear-gradient(180deg,#2c1e14,#160e0b); }
.zg-question-settings__row.is-disabled { opacity:.46; }
.zg-question-settings strong,.zg-question-settings small { display:block; }
.zg-question-settings strong { font-size:18px; }
.zg-question-settings small { margin-top:4px; }
.zg-question-settings__stepper { display:grid;grid-template-columns:40px 54px 40px;align-items:center;border:1px solid #8d652e;border-radius:9px;overflow:hidden;background:#0c1018; }
.zg-question-settings__stepper button { height:40px;border:0;background:transparent; }
.zg-question-settings__stepper output,.zg-question-settings__stepper input { width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f4ca71;text-align:center;font-weight:800;font-size:19px;font-family:inherit; }
.zg-question-settings__stepper input { appearance:textfield; }
.zg-question-settings__stepper input::-webkit-inner-spin-button,.zg-question-settings__stepper input::-webkit-outer-spin-button { margin:0;appearance:none; }
.zg-question-settings__stepper input:focus { background:rgba(244,202,113,.12); }
.zg-question-settings__toggle { min-width:78px;min-height:42px;border:1px solid #8d652e;border-radius:9px;background:#141521;color:#c8bfae;font-weight:800; }
.zg-question-settings__toggle.is-on { background:linear-gradient(#8c293c,#581624);color:#fff1c7; }
.zg-question-settings button:disabled { cursor:not-allowed; }
.zg-question-settings footer { display:flex;justify-content:center;margin-top:24px; }
.zg-question-settings__done { min-height:49px;display:flex;align-items:center;gap:8px;padding:10px 30px;border:1px solid #e0b660;border-radius:9px;background:linear-gradient(#8c293c,#581624);color:#fff1c7;font-weight:800; }
.zg-question-settings.is-closing { pointer-events:none;animation:rfgQuestionSettingsScrimOut 180ms ease-out forwards; }
.zg-question-settings.is-closing .zg-question-settings__panel { animation:rfgQuestionSettingsPanelOut 170ms cubic-bezier(.4,0,1,1) forwards;will-change:opacity,transform;backface-visibility:hidden; }
@keyframes rfgQuestionSettingsScrimOut { to { background-color:rgba(7,3,4,0); } }
@keyframes rfgQuestionSettingsPanelOut { to { opacity:0;transform:translateY(8px) scale(.985); } }
@media (prefers-reduced-motion:reduce){.zg-question-settings.is-closing,.zg-question-settings.is-closing .zg-question-settings__panel{animation-duration:1ms}}
@media (max-width:560px){.zg-question-settings{padding:12px}.zg-question-settings__panel{height:min(680px,100%);padding:20px}.zg-question-settings__row{grid-template-columns:1fr}.zg-question-settings__stepper,.zg-question-settings__toggle{justify-self:stretch}.zg-question-settings__stepper{grid-template-columns:42px 1fr 42px}}