.key-connection{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:30px 32px;margin-bottom:24px;background:radial-gradient(ellipse at top left,#eef3ff,transparent 70%),linear-gradient(120deg,#fbfdff,#f2f9fb);border-color:#dce8f5}.key-connection h2{font-size:1.4rem;line-height:1.5;color:#345d8a;margin:11px 0}.key-connection p{font-size:.875rem;line-height:1.8;color:#7c91a9;margin:0;max-width:370px}.key-endpoint{min-width:0}.key-endpoint-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.key-endpoint-label>label,.key-base-label{font-size:.75rem;font-weight:500;letter-spacing:.08em;color:#7e95b0}.key-endpoint-label .relay-select{min-width:155px}.key-endpoint-label .relay-select-trigger{font-size:.8125rem;min-height:36px;padding:8px 11px}.key-copy-line{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 12px 10px 17px;border:1px solid #dce8f6;border-radius:10px;background:#ffffffd9}.key-copy-line code{min-width:0;color:#2e78ca;font-size:.9375rem;overflow-wrap:anywhere;line-height:1.65}.key-copy-line .icon-btn{flex:none;color:#538dc7;border-radius:8px}.key-endpoint>small{display:block;color:#7390ad;font-size:.75rem;line-height:1.7;margin-top:11px}.key-placeholder{display:block;font-size:.75rem;color:#93a5b7;margin-top:7px;line-height:1.7}.key-list{overflow:hidden;margin-bottom:24px}.key-list table{min-width:960px;width:100%}.key-list th{background:#f9fbfe;color:#7d91ab;font-size:.75rem;font-weight:500;padding:16px 24px;white-space:nowrap}.key-list td{padding:22px 24px;vertical-align:middle;border-bottom:1px solid #edf2f8;font-size:.875rem}.key-list td>strong{font-size:.875rem;color:#456587;font-weight:500}.key-list td small{display:block;color:#91a2b6;margin-top:6px;font-size:.75rem;line-height:1.6}.key-list tr:hover td{background:#fcfdff}.key-count{color:#7e99b7;font-size:.75rem;background:#edf4fb;padding:6px 9px;border-radius:7px}.key-mask{display:flex;align-items:center;gap:12px}.key-mask code{font-size:.8125rem;color:#7b8ca2;white-space:nowrap}.key-mask .icon-btn{width:33px;height:33px;color:#4d8bd7;border:1px solid #e2ecf8;background:#f3f8ff;border-radius:8px}.key-mask .icon-btn .ico{width:15px;height:15px}.key-mask .icon-btn:hover{background:#e7efff;border-color:#c8dcf5}.key-mask .icon-btn:disabled{opacity:.4;cursor:not-allowed}.key-unlimited{color:#3c927f!important;background:#edf9f3;padding:5px 9px;border-radius:7px;display:inline-block}.key-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.key-actions .btn{font-size:.75rem;padding:7px 10px;min-height:34px;border-radius:8px}.key-revoke{padding:7px;background:none;border:0;color:#c5717c;font-size:.75rem}.key-revoke:hover{color:#d63b52}.key-revoke:disabled{opacity:.4;cursor:not-allowed}.key-quickstart{overflow:hidden}.key-quickstart pre{margin:0 26px;padding:23px;border:1px solid #dfebf8;background:#f5f9fe;color:#537197;border-radius:12px;font-size:.8125rem;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.key-guide-links{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 28px;flex-wrap:wrap}.key-guide-links>span{font-size:.75rem;color:#7b92ad}.key-guide-links .link{font-size:.8125rem}.key-limit-note{font-size:.8125rem!important;line-height:1.8!important;color:#8094ac!important;margin:18px 0 8px}.key-created-status{display:flex;align-items:center;gap:10px;color:#2d9374;padding:14px 16px;border:1px solid #d7eee4;border-radius:10px;background:#effaf5;font-size:.875rem;margin-bottom:20px}.key-created-status .ico{width:18px;height:18px}.key-secret-line{padding:17px;display:flex;align-items:center;gap:18px;border:1px solid #dce8f7;background:#f5f9ff;border-radius:12px;margin:18px 0 23px}.key-secret-line code{min-width:0;flex:1;font-size:.875rem;line-height:1.8;overflow-wrap:anywhere;color:#42698f}.key-secret-line>.btn{flex:none}.key-base-label{display:block;margin-bottom:10px}
@media(max-width:1000px){.key-connection{grid-template-columns:1fr;gap:23px}.key-connection p{max-width:none}}
@media(max-width:600px){.key-connection{padding:24px;gap:21px}.key-connection h2{font-size:1.25rem}.key-copy-line{padding-left:12px;gap:9px}.key-copy-line code{font-size:.8125rem}.key-quickstart pre{margin:0 18px;padding:17px;font-size:.75rem}.key-guide-links{padding:20px}.key-secret-line{flex-direction:column;align-items:stretch;gap:15px}.key-secret-line>.btn{justify-content:center}.key-endpoint-label .relay-select{min-width:145px}}