.key-panel{margin:24px 0;padding:24px;border:1px solid #344b40;border-radius:12px;background:#172722}.key-panel h2{font-size:24px}label{display:grid;gap:8px;margin:18px 0;color:#c5d9d0}input,select,textarea{width:100%;min-width:0;border:1px solid #638774;border-radius:7px;padding:12px;background:#101b1a;color:#dce8e5;font:inherit}input,select{min-height:48px}textarea{font-family:ui-monospace,monospace;overflow-wrap:anywhere;resize:vertical}button:disabled{opacity:.55;cursor:default}.key-actions{display:flex;gap:12px;flex-wrap:wrap}.key-list article{margin:16px 0;padding:20px;border:1px solid #344b40;border-radius:12px;overflow-wrap:anywhere}.key-list h3{margin:0}.key-list p{margin:8px 0;font-size:14px}.key-list .key-id{font:12px ui-monospace,monospace;color:#9db3aa}.key-list button{margin-top:8px}#key-status{min-height:1.7em}#key-status[data-error="true"]{color:#ffc7ac}[hidden]{display:none!important}@media(max-width:600px){header{flex-wrap:wrap}header nav{width:100%;justify-content:space-between}.key-panel{padding:16px}.key-list article{padding:16px}}