.gpo { container-type: inline-size; color: #edf3f6; min-width: 0; }
.gpo * { box-sizing: border-box; letter-spacing: 0; }
.gpo .gpo-intro { margin: 0 0 10px; color: #b6c6d0; font-size: 13px; line-height: 1.6; }
.gpo .gpo-summary { margin: 0 0 24px; color: #73d9c0; font-size: 12px; font-weight: 600; }
.gpo .gpo-group { margin: 0 0 28px; padding: 0; border: 0; background: none; box-shadow: none; }
.gpo .gpo-heading { margin: 0 0 8px; font-size: 18px; line-height: 1.4; color: #edf3f6; }
.gpo .gpo-group-note { margin: 0 0 18px; font-size: 12px; line-height: 1.6; color: #b6c6d0; }
.gpo .gpo-row { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 24px; padding: 18px 0; border-top: 1px solid #374650; }
.gpo .gpo-description { min-width: 0; }
.gpo .gpo-label { display: block; margin: 0 0 6px; font-size: 14px; line-height: 1.4; font-weight: 700; color: #edf3f6; }
.gpo .gpo-help { margin: 0 0 8px; color: #b6c6d0; font-size: 12px; line-height: 1.65; }
.gpo .gpo-key { display: block; overflow-wrap: anywhere; font-size: 10px; line-height: 1.55; color: #8eabbc; background: none; padding: 0; }
.gpo .gpo-controls { display: flex; flex-direction: column; gap: 10px; min-width: 0; align-self: start; }
.gpo .gpo-inclusion { display: inline-flex; align-items: center; gap: 9px; margin: 0; min-height: 24px; font-size: 12px; color: #d6e4ec; cursor: pointer; }
.gpo .gpo-inclusion input { appearance: auto; flex: 0 0 16px; width: 16px; height: 16px; margin: 0; accent-color: #4cc9df; }
.gpo .gpo-value { display: block; width: 100%; min-width: 0; min-height: 42px; padding: 9px 10px; border: 1px solid #536672; border-radius: 5px; background: #0c1217; color: #edf3f6; color-scheme: dark; font: inherit; font-size: 13px; line-height: 1.4; }
.gpo .gpo-value option { background: #15202a; color: #edf3f6; }
.gpo .gpo-value:disabled { opacity: .55; cursor: not-allowed; }
.gpo .gpo-value[aria-invalid=true] { border-color: #f18d9a; }
.gpo input:focus-visible, .gpo select:focus-visible { outline: 2px solid #4cc9df; outline-offset: 3px; }
.gpo-error { color: #ffb6bf; font-size: 13px; margin: 12px 0; }
.gameplay-file-status { font-size: 12px; color: #afc7d4; overflow-wrap: anywhere; }
.gameplay-editor-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
@container (max-width: 620px) {
  .gpo .gpo-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .gpo .gpo-controls { display: grid; grid-template-columns: minmax(0, 1fr) minmax(110px, 1fr); align-items: center; gap: 12px; }
}
@media (max-width: 480px) {
  .gameplay-editor-actions { justify-content: stretch; }
  .gameplay-editor-actions > * { flex: 1 1 auto; }
}