.api-keys-panel{padding:22px 24px;margin:20px 0;border:1px solid var(--rule);border-radius:12px;background:var(--surface);min-width:0;scroll-margin-top:90px}.api-keys-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.api-keys-panel h2{display:flex;align-items:center;gap:9px;margin:0;font-size:1rem;font-weight:600;letter-spacing:-.015em}.api-keys-panel p{font-size:.8rem;color:var(--ink-muted);line-height:1.7}.api-keys-panel__header p{margin:6px 0 0}.api-keys-panel a{color:var(--accent);font-size:.78rem;font-weight:500;text-decoration:none;white-space:nowrap}.api-keys-panel a:hover{text-decoration:underline;text-underline-offset:3px}.api-keys-panel__count{display:inline-grid;place-items:center;min-width:21px;height:21px;border:1px solid var(--rule);border-radius:5px;color:var(--ink-muted);font-size:.7rem;font-weight:500}.api-keys-panel__button{display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--rule-strong);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:.78rem;font-weight:500;line-height:1.4;cursor:pointer}.api-keys-panel__button:hover:not(:disabled){background:var(--surface-sunken)}.api-keys-panel__button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.api-keys-panel__button--primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.api-keys-panel button:disabled{opacity:.5;cursor:default}.api-keys-panel button:focus-visible,.api-keys-panel a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.api-keys-panel__empty{display:flex;align-items:center;flex-direction:column;padding:28px 16px;margin-top:20px;border:1px dashed var(--rule-strong);border-radius:8px;background:color-mix(in srgb,var(--surface-sunken) 45%,var(--surface));text-align:center}.api-keys-panel__icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border:1px solid var(--rule);border-radius:11px;color:var(--ink-muted);background:var(--surface)}.api-keys-panel__empty strong{font-size:.85rem;font-weight:500}.api-keys-panel__empty p{margin:5px 0 0}.api-keys-panel__empty a{margin-top:12px}.api-keys-panel .api-keys-panel__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:16px;margin:20px 0;border-radius:8px;background:var(--surface-sunken)}.api-keys-panel__form label{flex:1;min-width:min(220px,100%);font-size:.78rem}.api-keys-panel__form input{display:block;box-sizing:border-box;width:100%;padding:8px 10px;margin-top:6px;border:1px solid var(--rule-strong);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:.85rem}.api-keys-panel__form button{min-height:36px}.api-keys-panel__list{padding:0;margin:18px 0 0;list-style:none}.api-keys-panel__list li{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}.api-keys-panel__list li:last-child{border-bottom:0;padding-bottom:0}.api-keys-panel__list strong{flex-basis:100%;font-size:.85rem;font-weight:500}.api-keys-panel__list code{flex:1;min-width:min(220px,100%);padding:8px 10px;border-radius:6px;background:var(--surface-sunken);font-size:.75rem;overflow-wrap:anywhere}.api-keys-panel__revoke{padding:4px 0;border:0;background:transparent;color:var(--ink-muted);font:inherit;font-size:.78rem;cursor:pointer}.api-keys-panel__revoke:hover{color:var(--ink);text-decoration:underline}@media(max-width:560px){.api-keys-panel{padding:18px}.api-keys-panel__header{flex-wrap:wrap;gap:12px}.api-keys-panel__form button{width:100%}}