.keygen-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;margin-top:20px}@media (max-width:900px){.keygen-layout{grid-template-columns:1fr}}.keygen-controls{display:flex;flex-direction:column;gap:16px}.keygen-commands{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden}.commands-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.commands-header h3{margin:0;font-size:1rem}.copy-all-btn{padding:6px 12px;font-size:12px}.keygen-commands .code-block{margin:0;border:none;border-radius:0;min-height:200px}.keygen-commands .code-block code{display:block;white-space:pre;font-family:'SF Mono','Fira Code',Monaco,monospace;font-size:13px;line-height:1.6;color:var(--fg)}.keygen-commands .code-block .comment{color:#6a737d}.keygen-commands .code-block .cmd{color:var(--accent)}.info-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.info-header h3{margin:0;font-size:1.1rem}.badge-rec{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.info-card>p{margin:0 0 12px 0;color:var(--muted);font-size:14px}.keygen-reference{margin-top:32px}.keygen-reference>h3{margin:0 0 16px 0;font-size:1.1rem}.ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ref-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px;position:relative}.ref-badge{position:absolute;top:16px;right:16px;font-size:10px;padding:3px 8px;background:rgba(106,166,255,.15);color:var(--accent);border-radius:4px;font-weight:600}.ref-card h4{margin:0 0 4px 0;color:var(--fg);font-size:1rem}.ref-desc{color:var(--muted);font-size:13px;margin:0 0 12px 0}.ref-list{margin:0;padding-left:16px}.ref-list li{font-size:13px;color:var(--muted);margin:6px 0}.ref-list strong{color:var(--fg)}.info-callout code{background:rgba(106,166,255,.15);padding:2px 6px;border-radius:4px;font-size:13px}