.cue-settings-button {
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:5;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  color:#205542;
  background:#f7fcf8d9;
  border:1px solid #bfd9ca;
  border-radius:50%;
  box-shadow:0 3px 14px #1b55421f;
  backdrop-filter:blur(8px);
  transition:background .2s,transform .2s
}
.cue-settings-button:hover { background:#fff; transform:translateY(-1px) }
.cue-settings-button__gear { font-size:19px; line-height:1; transform:translateY(-.5px) }
.cue-settings {
  width:min(390px,calc(100vw - 32px));
  padding:0;
  color:#184c40;
  background:#f8fcf9;
  border:1px solid #c5decf;
  border-radius:18px;
  box-shadow:0 18px 62px #174a3e38
}
.cue-settings::backdrop { background:#23564a45; backdrop-filter:blur(2px) }
.cue-settings [hidden] { display:none!important }
.cue-settings__header { display:flex; justify-content:space-between; gap:16px; padding:21px 21px 15px; border-bottom:1px solid #dcebe1 }
.cue-settings__title { margin:0; font-size:17px; letter-spacing:-.02em }
.cue-settings__description { margin:4px 0 0; font-size:12px; line-height:1.4; color:#648075 }
.cue-settings__note { margin:0 0 3px; font-size:11px; line-height:1.4; color:#698778 }
.cue-settings__close { align-self:start; padding:4px 0; color:#48685c; background:transparent; border:0; font-size:12px }
.cue-settings__status { min-height:18px; margin:13px 21px 0; font-size:12px; color:#467462 }
.cue-settings__status:empty { display:none }
.cue-settings__status.is-error { color:#a14436 }
.cue-settings__locked,.cue-settings__form { display:grid; gap:8px; padding:17px 21px 21px }
.cue-settings__form { gap:9px }
.cue-settings__label { font-size:12px; font-weight:600; color:#416557 }
.cue-settings input:not([type=checkbox]),.cue-settings select,.cue-settings textarea {
  width:100%;
  padding:9px 10px;
  color:#184c40;
  font:inherit;
  font-size:13px;
  background:#fff;
  border:1px solid #bdd8c8;
  border-radius:9px;
  outline:none
}
.cue-settings textarea { min-height:102px; resize:vertical; line-height:1.45 }
.cue-settings input:focus,.cue-settings select:focus,.cue-settings textarea:focus { border-color:#5bab87; box-shadow:0 0 0 3px #9ed5b64d }
.cue-settings__key-row { display:flex; gap:8px }
.cue-settings__key-row input { min-width:0 }
.cue-settings__action { padding:9px 12px; color:#f4fbf5; background:#205542; border:1px solid #1a4b3b; border-radius:9px; font-size:12px; font-weight:600 }
.cue-settings__action:hover:not(:disabled) { background:#286c52 }
.cue-settings__action:disabled { opacity:.6; cursor:wait }
.cue-settings__form>.cue-settings__action { justify-self:end; margin-top:5px }
.cue-settings__toggle { display:flex; align-items:center; gap:9px; padding:5px 0; font-size:13px; color:#315d4d }
.cue-settings__toggle input { width:16px; height:16px; accent-color:#36785d }
@media(max-width:800px) { .cue-settings-button { left:16px; bottom:17px } }