.utils-page{color:#7484ad;background:#10141f30;height:100%;padding:1rem;font-family:monospace;overflow-y:auto}.utils-header{padding-left:.5rem}.utils-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.form-input{color:inherit}
.util-card{background:#10141f30;border:1px solid #29314d;border-radius:12px;padding:1rem;box-shadow:0 1px 2px #00000040}.util-card button{color:inherit}textarea{border-radius:8px;outline:none;width:100%;height:80px;padding:.5rem}.actions{margin-top:.75rem;display:block}.output{color:#92a0c4;background:#0d1018;border:1px solid #1e243a;border-radius:8px;margin-top:.75rem;padding:.75rem;overflow-x:auto}
.util-card{background:#10141f30;border:1px solid #29314d;border-radius:12px;padding:1rem;box-shadow:0 1px 2px #00000040}.util-card button{color:inherit}textarea{border-radius:8px;outline:none;width:100%;height:80px;padding:.5rem}.actions{margin-top:.75rem;display:block}.output{color:#92a0c4;background:#0d1018;border:1px solid #1e243a;border-radius:8px;margin-top:.75rem;padding:.75rem;overflow-x:auto}
.util-card{background:#10141f30;border:1px solid #29314d;border-radius:12px;padding:1rem;box-shadow:0 1px 2px #00000040}.util-card button{color:inherit}textarea{border-radius:8px;outline:none;width:100%;height:80px;padding:.5rem}.actions{margin-top:.75rem;display:block}.output{color:#92a0c4;background:#0d1018;border:1px solid #1e243a;border-radius:8px;margin-top:.75rem;padding:.75rem;overflow-x:auto}
.util-card{background:#10141f30;border:1px solid #29314d;border-radius:12px;padding:1rem;box-shadow:0 1px 2px #00000040}.util-card button{color:inherit}textarea{border-radius:8px;outline:none;width:100%;height:80px;padding:.5rem}.actions{margin-top:.75rem;display:block}.output{color:#92a0c4;background:#0d1018;border:1px solid #1e243a;border-radius:8px;margin-top:.75rem;padding:.75rem;overflow-x:auto}.password-generator .controls{gap:1rem;margin-bottom:.75rem;display:flex}.password-generator .controls label{flex-direction:column;font-size:.875rem;display:flex}.password-generator .controls label input[type=number]{width:100px;margin-top:.25rem;padding:.5rem}.password-generator .controls .checkbox{flex-direction:row;align-items:center;gap:.5rem;margin-top:1.25rem}.password-generator .history{margin-top:.75rem}.password-generator .history h4{color:#7484ad;margin-bottom:.5rem;font-size:.875rem}.password-generator .history .small{opacity:.9;color:#92a0c4;font-size:.75rem}.password-generator .clickable{cursor:pointer;border:1px solid #1e243a;border-radius:8px;transition:background .12s ease-out,border-color .12s ease-out}.password-generator .clickable:hover{background:#2e3a5c;border-color:#29314d}
.key-crypto{flex-direction:column;gap:1rem;display:flex}