.ba-tool{margin-block:24px 36px;padding:24px;border:1px solid #526274;border-radius:8px;background:#111820;color:#f4f6f8;scroll-margin-top:120px}.ba-tool,.ba-tool *{box-sizing:border-box;letter-spacing:0}.blog-content .ba-tool h2{margin:0 0 18px;padding:0;border:0;font-size:1.5rem}.ba-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.ba-field{min-width:0}.ba-field label{display:block;margin-bottom:6px;font-size:.95rem;color:#ecf0f4}.ba-field input,.ba-field select{display:block;width:100%;min-width:0;min-height:46px;border:1px solid #687582;border-radius:4px;padding:10px;font:inherit;font-size:1rem;background:#f4f6f8;color:#17212a}.ba-field input:disabled{background:#303a43;color:#b5bdc5}.ba-field input:focus-visible,.ba-field select:focus-visible{outline:3px solid #5cd1b6;outline-offset:2px}.ba-field input{direction:ltr}.ba-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;padding-block:22px 8px;margin-top:24px;border-top:1px solid #526274}.ba-results>div{min-width:0}.ba-results dt{font-size:.92rem;color:#c7d1da}.ba-results dd{margin:4px 0 0}.ba-results output{display:block;overflow-wrap:anywhere;font:600 1.35rem ui-monospace,monospace;color:#71dcc2;min-height:32px;direction:ltr;text-align:start}.ba-results>div:last-child{grid-column:1/-1}.ba-tool [hidden]{display:none!important}.blog-content .ba-tool [data-ba-error]{color:#ffb6aa;margin:14px 0 0}.blog-content .ba-note{font-size:.94rem;margin-top:16px}@media (max-width:540px){.ba-tool{padding:18px 14px}.ba-fields{grid-template-columns:minmax(0,1fr)}.ba-results{gap:16px 12px}.ba-results output{font-size:1.12rem}}