.keys-main{display:block;max-width:1050px;width:100%;margin:auto;padding:48px 24px;box-sizing:border-box}.keys-intro{max-width:680px;margin-bottom:28px}.keys-intro h1{font-size:42px}.keys-intro p,.keys-help p{color:var(--muted)}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.role-card,.keys-help{padding:24px;border:1px solid var(--line);background:var(--panel)}.role-card{border-top:2px solid var(--green)}.role-card h2,.keys-help h2{margin:0 0 12px;font:600 25px 'Barlow Condensed',sans-serif}.role-card ul{padding-left:20px;color:var(--muted)}.key-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.key-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;cursor:pointer;font:600 12px Inter,Arial,sans-serif}.key-button.primary{background:var(--green);color:#101509}.key-button:hover{border-color:var(--green)}.key-button:disabled{opacity:.5;cursor:wait}.key-button.danger{color:#ffa49b}.keys-main label{display:block;margin:14px 0 6px;font-size:12px;color:var(--muted)}.keys-main input{box-sizing:border-box;width:100%;padding:12px;color:var(--ink);background:var(--night);border:1px solid var(--line);font:12px monospace}.keys-main input:focus{outline:2px solid var(--green)}.keys-help{margin-top:28px}.keys-help ol{padding-left:20px}.keys-help li{margin-bottom:8px}#notice{min-height:24px}#notice.error{color:#ffa49b}.key-status{color:var(--green);font-size:12px}.connect-link{display:block;margin-top:12px;color:var(--green);text-decoration:underline}dialog{max-width:420px;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:28px}dialog::backdrop{background:#000a}@media(max-width:480px){.keys-main{padding:30px 16px}.keys-intro h1{font-size:34px}.role-grid{grid-template-columns:1fr}}