:root{--bg:#0d1117;--bg2:#161b22;--bg3:#21262d;--tx:#c9d1d9;--tx2:#8b949e;--ac:#58a6ff;--ac2:#79c0ff;--red:#f85149;--grn:#3fb950;--bd:#30363d}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6}
.container{max-width:800px;margin:0 auto;padding:2rem 1rem}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--bd)}
h1{font-size:1.8rem}h2{font-size:1.3rem;margin-bottom:1rem;color:var(--ac)}.subtitle{color:var(--tx2);margin-bottom:1.5rem}
section{background:var(--bg2);border:1px solid var(--bd);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}
.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.3rem;color:var(--tx2);font-size:.9rem}
input,textarea{width:100%;padding:.6rem .8rem;background:var(--bg3);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:1rem}
input:focus,textarea:focus{outline:none;border-color:var(--ac)}textarea{min-height:80px;resize:vertical}
button,.download-btn{background:var(--ac);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:1rem;text-decoration:none;display:inline-block}
button:hover,.download-btn:hover{background:var(--ac2)}.error{color:var(--red);margin-top:.5rem}
.key-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:var(--bg3);border-radius:6px;margin-bottom:.5rem}
.key-info{flex:1}.key-name{font-weight:bold;color:var(--ac)}.key-date{font-size:.8rem;color:var(--tx2)}
.delete-btn{background:var(--red)!important;padding:.3rem .8rem!important;font-size:.85rem!important}
.tutorial h3{color:var(--grn);margin:1rem 0 .5rem}.tutorial pre{background:var(--bg3);padding:.8rem;border-radius:6px;overflow-x:auto;margin-bottom:.5rem}
.tutorial code{font-family:'Fira Code',monospace;font-size:.9rem}.no-keys{color:var(--tx2);text-align:center;padding:1rem}