#pp-cloud-root, #pp-cloud-root * { box-sizing: border-box; }
#pp-cloud-panel {
  position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999991;
  width: min(380px, calc(100vw - 28px)); max-height: calc(100vh - 28px); overflow: auto;
  padding: 18px; color: #eaf4ff;
  background: #10233af2; border: 1px solid #6794c5; border-radius: 10px;
  box-shadow: 0 8px 35px #000c; font: 14px/1.5 sans-serif; user-select: text;
}
#pp-cloud-panel[hidden] { display: none; }
#pp-cloud-panel h2 { margin: 0 0 12px; font-size: 18px; }
#pp-cloud-panel p { margin: 8px 0; }
#pp-cloud-panel label { display: block; margin: 8px 0 3px; color: #bdd7f4; }
#pp-cloud-panel input { width: 100%; padding: 8px; color: #fff; background: #091625; border: 1px solid #55789e; border-radius: 5px; }
#pp-cloud-panel button, #pp-cloud-panel a.pp-button {
  display: inline-block; margin: 8px 5px 0 0; padding: 8px 11px; color: #fff; background: #2966a3;
  border: 1px solid #71a9df; border-radius: 5px; cursor: pointer; text-decoration: none;
}
#pp-cloud-panel button.secondary { background: #34485c; }
#pp-cloud-panel #pp-close { position: absolute; right: 10px; top: 6px; margin: 0; padding: 4px 8px; }
#pp-cloud-panel .danger { color: #ffd4d4; }
#pp-cloud-status { padding: 8px; background: #081521; border-radius: 5px; white-space: pre-wrap; }