.c-config-demo{--umpire-demo-border: var(--umpire-demo-green-14);--umpire-demo-layout-columns: minmax(0, 1.05fr) minmax(0, 1fr);--umpire-demo-fields-gap: .75rem;--umpire-demo-field-gap: .32rem;--umpire-demo-field-padding: .72rem .78rem .78rem;--umpire-demo-field-radius: .75rem;--umpire-demo-field-disabled-opacity: .6;--umpire-demo-input-radius: .62rem;--umpire-demo-input-padding: .6rem .72rem;--umpire-demo-input-bg: rgba(255, 255, 255, .045);--umpire-demo-label-color: var(--umpire-demo-text-muted, #9da09b);--umpire-demo-status-gap: .32rem;--umpire-demo-status-padding: .22rem .5rem;--umpire-demo-status-font-size: .6rem;--umpire-demo-status-dot-size: .4rem;--umpire-demo-status-dot-glow: 0 0 6px currentColor;--umpire-demo-fouls-padding: .75rem .9rem;--umpire-demo-fouls-border-color: var(--umpire-demo-yellow-18);--umpire-demo-fouls-radius: .85rem;--umpire-demo-fouls-bg: linear-gradient(90deg, rgba(254, 208, 35, .1), rgba(254, 208, 35, .04)), rgba(18, 18, 18, .92);--umpire-demo-fouls-copy-display: flex;--umpire-demo-fouls-copy-direction: column;--umpire-demo-fouls-copy-gap: .2rem;--umpire-demo-fouls-kicker-font-size: .62rem;--umpire-demo-fouls-kicker-letter-spacing: var(--umpire-demo-tracking-wider);--umpire-demo-fouls-kicker-color: rgba(254, 208, 35, .85);--umpire-demo-fouls-list-direction: column;--umpire-demo-fouls-list-wrap: nowrap;--umpire-demo-fouls-list-gap: .2rem;--umpire-demo-fouls-list-margin-top: .25rem;--umpire-demo-foul-wrap: wrap;--umpire-demo-foul-gap: .35rem;--umpire-demo-foul-font-size: .78rem;--umpire-demo-foul-field-font-size: .7rem;--umpire-demo-foul-field-font-weight: 700;--umpire-demo-foul-field-color: #fff3b8;--umpire-demo-foul-reason-font-size: .78rem;--umpire-demo-foul-reason-color: rgba(255, 243, 184, .82);--umpire-demo-reset-button-padding: .44rem .78rem;--umpire-demo-reset-button-border-color: rgba(254, 208, 35, .34);--umpire-demo-reset-button-bg: var(--umpire-demo-yellow-16);--umpire-demo-reset-button-color: #fff1a8;--umpire-demo-reset-button-font-size: .66rem;--umpire-demo-reset-button-font-weight: 700;--umpire-demo-reset-button-letter-spacing: var(--umpire-demo-tracking);--umpire-demo-reset-button-hover-bg: var(--umpire-demo-yellow-24);--umpire-demo-reset-button-hover-transform: translateY(-1px);--umpire-demo-reset-button-hover-shadow: none}.c-config-demo__prompts{display:flex;flex-direction:column;gap:.6rem;padding:.85rem .95rem;border:1px solid rgba(107,254,156,.18);border-radius:var(--umpire-demo-radius-lg);background:linear-gradient(180deg,rgba(107,254,156,.06),transparent 70%),#101010d9}.c-config-demo__prompts-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.c-config-demo__reset{flex-shrink:0;border:1px solid rgba(255,255,255,.12);border-radius:var(--umpire-demo-radius-pill);padding:.35rem .75rem;background:transparent;color:var(--umpire-demo-text-dim, rgba(245, 247, 244, .6));font-family:var(--umpire-demo-font-mono);font-size:.62rem;font-weight:600;letter-spacing:var(--umpire-demo-tracking);text-transform:uppercase;cursor:pointer;transition:color .18s ease,border-color .18s ease}.c-config-demo__reset:hover:not(:disabled){color:var(--umpire-demo-text);border-color:#ffffff47}.c-config-demo__reset:disabled{cursor:default;opacity:.35}.c-config-demo__prompts-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.c-config-demo__prompt{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.6rem .75rem .7rem;border:1px solid rgba(255,255,255,.08);border-radius:.7rem;background:#ffffff08;color:var(--umpire-demo-text);text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.c-config-demo__prompt:hover:not(:disabled){background:#ffffff0f;transform:translateY(-1px)}.c-config-demo__prompt:disabled{cursor:default;opacity:.55}.c-config-demo__prompt.is-applied{opacity:.8}.c-config-demo__prompt--add{border-color:#6bfe9c38;background:linear-gradient(135deg,rgba(107,254,156,.08),transparent 60%),#ffffff08}.c-config-demo__prompt--add:hover:not(:disabled){border-color:#6bfe9c73}.c-config-demo__prompt--swap{border-color:#6ba5fe38;background:linear-gradient(135deg,rgba(107,165,254,.08),transparent 60%),#ffffff08}.c-config-demo__prompt--swap:hover:not(:disabled){border-color:#6ba5fe73}.c-config-demo__prompt--break{border-color:#ff716c38;background:linear-gradient(135deg,rgba(255,113,108,.08),transparent 60%),#ffffff08}.c-config-demo__prompt--break:hover:not(:disabled){border-color:#ff716c73}.c-config-demo__prompt-label{font-family:var(--umpire-demo-font-heading);font-size:.85rem;font-weight:600;line-height:1.1}.c-config-demo__prompt-blurb{font-family:var(--umpire-demo-font-mono);font-size:.68rem;line-height:1.4;color:var(--umpire-demo-text-muted, rgba(245, 247, 244, .55))}.c-config-demo__layout{align-items:stretch}.c-config-demo__panel--json,.c-config-demo__panel--form{display:flex;flex-direction:column}.c-config-demo__panel-body--json{padding:0;display:flex;flex-direction:column;flex:1;min-height:0}.c-config-demo__editor{flex:1;min-height:22rem;width:100%;padding:.9rem .95rem;border:0;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%),#0a0a0ad9;color:var(--umpire-demo-text);font-family:var(--umpire-demo-font-mono);font-size:.78rem;line-height:1.6;resize:vertical;outline:none;white-space:pre;tab-size:2}.c-config-demo__editor:focus{box-shadow:inset 0 0 0 1px #6bfe9c47}.c-config-demo__applied{display:flex;flex-wrap:wrap;gap:.35rem;padding:.55rem .8rem .7rem;border-top:1px solid rgba(255,255,255,.06);background:#0a0a0a99}.c-config-demo__applied-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border:1px solid currentColor;border-radius:var(--umpire-demo-radius-pill);font-family:var(--umpire-demo-font-mono);font-size:.58rem;font-weight:700;letter-spacing:var(--umpire-demo-tracking);text-transform:uppercase;opacity:.82}.c-config-demo__applied-pill--add{color:var(--umpire-demo-green)}.c-config-demo__applied-pill--swap{color:#8fb8ff}.c-config-demo__applied-pill--break{color:var(--umpire-demo-red)}.c-config-demo__panel-body--form{display:flex;flex-direction:column;gap:.75rem}.c-config-demo__required{margin-left:.25rem;color:#6bfe9cb8}.c-config-demo__field-note{font-family:var(--umpire-demo-font-mono);font-size:.68rem;line-height:1.35}.c-config-demo__field-note--disabled{color:#f5f7f480}.c-config-demo__field-note--invalid{color:#ff716ce6}.c-config-demo__call{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem .85rem .85rem;border:1px dashed rgba(107,254,156,.18);border-radius:var(--umpire-demo-radius-md);background:linear-gradient(180deg,rgba(107,254,156,.03),transparent 60%),#0a0a0a8c}.c-config-demo__call-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.c-config-demo__call-hint{font-family:var(--umpire-demo-font-mono);font-size:.6rem;color:#f5f7f466;letter-spacing:.04em}.c-config-demo__call-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.22rem}.c-config-demo__call-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"field   verdict" "copy    copy";align-items:baseline;gap:.2rem .6rem;padding:.42rem .55rem;border-radius:.4rem;font-family:var(--umpire-demo-font-mono);font-size:.72rem;line-height:1.4}.c-config-demo__call-row--in-play{background:#6bfe9c0d;color:#f5f7f4c7}.c-config-demo__call-row--out{background:#ff716c0d;color:#ffccc8c7}.c-config-demo__call-row--foul{background:#ffaa5a0f;color:#ffe1c3d6}.c-config-demo__call-row--invalid{background:#fed0230f;color:#fff0b8d6}.c-config-demo__call-field{grid-area:field;font-weight:700;color:var(--umpire-demo-text)}.c-config-demo__call-verdict{grid-area:verdict;font-size:.58rem;letter-spacing:var(--umpire-demo-tracking);text-transform:uppercase;opacity:.72;white-space:nowrap}.c-config-demo__call-copy{grid-area:copy;min-width:0;color:inherit;opacity:.82;overflow-wrap:break-word}.c-config-demo__panel-body--error{display:flex;flex-direction:column;gap:.7rem}.c-config-demo__error-lead{margin:0;font-size:.88rem;line-height:1.45;color:#f5f7f4d1}.c-config-demo__error-pre{margin:0;padding:.75rem .85rem;border:1px solid rgba(255,113,108,.25);border-radius:var(--umpire-demo-radius-sm);background:#ff716c14;color:#ffccc8f2;font-family:var(--umpire-demo-font-mono);font-size:.72rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:50rem){.c-config-demo__prompts-list{grid-template-columns:1fr}.c-config-demo__editor{min-height:16rem}}