.api-key-dialog { width: min(680px, calc(100vw - 32px)); max-height: min(84vh, 860px); overflow: auto; }
.api-key-dialog form { gap: 13px; }
.api-key-intro { margin: 0; color: var(--muted); font-size: 12px; line-height: 18px; }
.api-key-created { border: 1px solid #d9b25a; background: #fff8e8; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; gap: 6px; }
.api-key-created strong { font-size: 12px; }
.api-key-created span { color: var(--muted); font-size: 11px; }
.api-key-copy-row { display: flex; gap: 8px; align-items: stretch; }
.api-key-copy-row code { flex: 1; min-width: 0; border: 1px solid var(--line); border-radius: 6px; background: #fff; padding: 9px 10px; font-size: 11px; overflow-wrap: anywhere; }
.api-key-copy-row .secondary { height: auto; padding: 0 14px; flex: 0 0 auto; }
.api-key-section { border-top: 1px solid var(--line); padding-top: 12px; }
.api-key-section-head { display: flex; justify-content: space-between; align-items: center; font-size: 12px; }
.api-key-section-head span { color: var(--muted); font-size: 10px; }
.api-key-list { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.api-key-row { display: flex; justify-content: space-between; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 10px 12px; }
.api-key-row strong { font-size: 12px; }
.api-key-row small { color: var(--muted); font-size: 10px; }
.api-key-row button { border: 0; border-radius: 6px; background: #f2f2ee; color: var(--ink); height: 32px; padding: 0 10px; font-size: 11px; }
.api-key-row button.danger { background: #f7e7e5; color: #a3332b; }
.api-key-empty { border: 1px dashed var(--line); border-radius: 8px; color: var(--muted); font-size: 11px; padding: 14px; text-align: center; }
.api-key-docs { border-top: 1px solid var(--line); padding-top: 12px; }
.api-key-docs strong { font-size: 12px; }
.api-key-docs p { margin: 6px 0; color: var(--muted); font-size: 11px; line-height: 17px; }
.api-key-docs p code { background: #f0f0eb; border-radius: 4px; padding: 1px 4px; }
.api-key-docs pre { margin: 8px 0 0; border: 1px solid var(--line); border-radius: 8px; background: #20201d; color: #e8e8e2; padding: 12px; overflow: auto; }
.api-key-docs pre code { background: transparent; font-size: 10.5px; line-height: 16px; white-space: pre-wrap; overflow-wrap: anywhere; }