.baseconv-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;margin:1.5rem 0;display:grid}.baseconv-inputs,.baseconv-results,.baseconv-explain{color:#17271e;background:#fff;border:1px solid #d6dfd8;border-radius:1rem;min-width:0;padding:1.25rem}.baseconv-inputs label{margin:1rem 0;display:block}.baseconv-inputs label>span{margin-bottom:.35rem;font-weight:650;display:block}.baseconv-inputs textarea,.baseconv-inputs select{box-sizing:border-box;color:#17271e;background:#fff;border:1px solid #7a8c80;border-radius:.5rem;width:100%;min-width:0;padding:.7rem}.baseconv-inputs textarea{resize:vertical;overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,monospace}.baseconv-inputs [aria-invalid=true]{border-color:#a02222}.baseconv-input-error{color:#9b1c1c;margin-top:.35rem;display:block}.baseconv-inputs button{color:#173a25;cursor:pointer;background:#edf6ef;border:1px solid #244c35;border-radius:.5rem;padding:.6rem .9rem}.baseconv-results dl>div,.baseconv-explain dl>div{margin:.8rem 0}.baseconv-results dd{overflow-wrap:anywhere;margin:.15rem 0;font-family:ui-monospace,monospace;font-size:1.15rem;font-weight:700}.baseconv-explain{overflow-wrap:anywhere;margin:1rem 0}.baseconv-explain dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:.25rem 0}.baseconv-explain a{color:#165631;text-decoration:underline}:is(.baseconv-inputs textarea:focus-visible,.baseconv-inputs select:focus-visible,.baseconv-inputs button:focus-visible){outline-offset:2px;outline:3px solid #28643e}@media (max-width:700px){.baseconv-workbench{grid-template-columns:minmax(0,1fr)}}