.coordinator-ui{container-type:inline-size;color:var(--text,#23374d)}.coordinator-ui [hidden]{display:none!important}.coordinator-header-button{font-weight:700;letter-spacing:.02em;border-color:#839eb9}.coordinator-header-button:focus-visible,.coordinator-ui button:focus-visible{outline:3px solid #2f75b6;outline-offset:2px}.coordinator-ui .form-field{display:flex;flex-direction:column;gap:6px;margin:12px 0;min-width:0}.coordinator-ui textarea{min-height:130px;resize:vertical;box-sizing:border-box;width:100%;font:inherit}.coordinator-ui select{min-height:38px;max-width:100%;box-sizing:border-box}.coordinator-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.coordinator-context{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.coordinator-context span{display:inline-block;border:1px solid #b8cddd;border-radius:6px;background:#eef5fa;padding:5px 8px;font-size:12px;overflow-wrap:anywhere}.coordinator-status{display:flex;align-items:center;gap:10px;background:#edf4fb;border-left:4px solid #3a729f;border-radius:5px;padding:12px;margin:14px 0;white-space:pre-wrap}.coordinator-status[data-phase=error]{background:#fff1ee;border-color:#b94732}.coordinator-status[data-phase=ready]{background:#edf7ef;border-color:#388654}.coordinator-status[data-phase=routing]::before,.coordinator-status[data-phase=running]::before{content:'';width:13px;height:13px;flex:0 0 auto;border:2px solid #a4bfd4;border-top-color:#315d84;border-radius:50%;animation:coordinator-spin 1s linear infinite}.coordinator-recipient{font-weight:600}.coordinator-result{padding:14px;border:1px solid #b9ccd9;border-radius:8px;margin:14px 0;overflow-wrap:anywhere}.coordinator-result p,.coordinator-result li{white-space:pre-wrap;line-height:1.55}.coordinator-result pre{white-space:pre-wrap;font:inherit;background:#f5f8fb;padding:12px;border-radius:5px}.coordinator-result .coordinator-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.coordinator-ui .form-error{color:#a02727;white-space:pre-wrap}.coordinator-ui .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coordinator-ui details{border:1px solid #c5d3df;border-radius:6px;padding:10px;margin:12px 0}.coordinator-ui summary{cursor:pointer;font-weight:600}.coordinator-ui button:disabled{opacity:.55;cursor:default}@keyframes coordinator-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.coordinator-status::before{animation:none!important}}@container(max-width:480px){.coordinator-ui .form-grid{grid-template-columns:1fr}.coordinator-toolbar>*{max-width:100%}}