.db-test-area{display:grid;grid-template-columns:minmax(210px,270px) 1fr;align-items:center;gap:12px;margin-top:15px;padding:14px;border:1px solid #d7dfea;border-radius:15px;background:#f7f9fc}.db-test-button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #082b6f;border-radius:12px;background:#fff;color:#071b3f;font:700 15px/1.5 Yekan,Tahoma,sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.db-test-button:hover{background:#082b6f;color:#fff}.db-test-button:active{transform:translateY(1px)}.db-test-button:focus-visible{outline:3px solid rgba(245,213,24,.72);outline-offset:3px}.db-test-button:disabled{cursor:wait;opacity:.72}.db-test-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.db-test-button.is-loading svg{animation:mco-db-pulse .8s ease-in-out infinite alternate}.db-test-result{min-height:50px;display:flex;align-items:center;padding:9px 12px;border-radius:11px;color:#596579;font-size:14px;line-height:1.75;background:#fff;border:1px dashed #c8d3e2}.db-test-result.is-loading{color:#082b6f;border-style:solid;border-color:#9db5d7;background:#eef4fc}.db-test-result.is-success{color:#0f633c;border-style:solid;border-color:#a9d9be;background:#eefaf3}.db-test-result.is-error{color:#8d1b13;border-style:solid;border-color:#efbcb7;background:#fff1f0}@keyframes mco-db-pulse{to{transform:scale(.88);opacity:.58}}@media(max-width:700px){.db-test-area{grid-template-columns:1fr;padding:12px}.db-test-button,.db-test-result{width:100%}.db-test-result{font-size:14px}}