#modal:has(.gr8-panel){width:min(720px,calc(100vw - 32px));max-height:92dvh;overflow:auto}.gr8-panel{max-width:100%}
.gr8-panel{width:min(640px,100%);color:#171b24;font-size:14px;line-height:1.5}.gr8-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.gr8-panel h2{font-size:22px;margin:4px 0 8px}.gr8-panel h3{font-size:16px;margin:22px 0 12px}.gr8-eyebrow{font-size:11px;letter-spacing:.07em;font-weight:600;color:#3154a0}.gr8-status{font-size:12px;background:#f0f3fa;padding:6px 10px;border-radius:20px;color:#263859;white-space:nowrap}.gr8-panel p{color:#333d4c}.gr8-panel input,.gr8-panel select{font:inherit;min-width:0;width:100%}.gr8-endpoint{display:flex;gap:10px;align-items:end;margin:20px 0 12px}.gr8-endpoint .field{flex:1;margin:0}.gr8-endpoint input{font-size:12px}.gr8-contract{background:#f4f6fa;border-radius:12px;padding:16px}.gr8-contract b{font:12px/1.6 monospace;overflow-wrap:anywhere}.gr8-contract p{margin:8px 0 12px}.gr8-form-row{display:grid;grid-template-columns:1fr 140px;gap:12px}.gr8-keys{max-height:250px;overflow:auto}.gr8-key{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #e4e7ee}.gr8-key b,.gr8-key code,.gr8-key small{display:block;overflow-wrap:anywhere}.gr8-key small{color:#414b5b;margin-top:4px}.gr8-key code{font-size:12px;margin:5px 0}.gr8-note,.gr8-empty{padding:12px 0}.gr8-panel .actions{flex-wrap:wrap}.gr8-panel #gr8-secret{font-family:monospace;font-size:13px}@media(max-width:600px){.gr8-heading,.gr8-endpoint{flex-direction:column;align-items:stretch}.gr8-status{align-self:flex-start}.gr8-form-row{grid-template-columns:1fr}.gr8-key{align-items:flex-start}.gr8-key .btn{flex-shrink:0}}