.api-keys-page{width:min(100%,1040px);color:var(--text-primary);font-family:var(--font-sans);margin:0 auto;padding:40px 32px 72px}.api-keys-page.is-embedded{width:100%;margin:0;padding:0}.api-keys-header,.api-keys-heading,.api-keys-connect-intro,.api-keys-field>div,.api-keys-config>div,.api-keys-list-head,.api-key-row,.api-key-title,.api-key-meta,.api-key-confirm{align-items:center;display:flex}.api-keys-header{justify-content:space-between;gap:24px;margin-bottom:28px}.api-keys-heading{align-items:flex-start;gap:12px}.api-keys-heading-icon,.api-keys-connect-icon,.api-keys-empty>span{border:1px solid var(--border-subtle);background:var(--bg-raised);color:var(--text-secondary);flex:none;place-items:center;display:grid}.api-keys-heading-icon{border-radius:10px;width:34px;height:34px}.api-keys-heading h1{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:620}.api-keys-heading p{max-width:620px;color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:1.5}.api-keys-primary{border:1px solid var(--interactive-bg);background:var(--interactive-bg);min-height:38px;color:var(--interactive-text);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:550;display:inline-flex}.api-keys-primary:hover{background:var(--interactive-bg-hover)}.api-keys-alert{border:1px solid var(--error);color:var(--error);border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:13px}.api-keys-connect{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:16px;margin-bottom:34px;padding:22px}.api-keys-connect-intro{align-items:flex-start;gap:12px;margin-bottom:20px}.api-keys-connect-icon{border-radius:10px;width:36px;height:36px}.api-keys-connect h2{margin:0;font-size:14px;font-weight:620}.api-keys-connect-intro p{color:var(--text-muted);margin:4px 0 0;font-size:12.5px}.api-keys-field>span,.api-keys-config>div>span{color:var(--text-muted);font:500 10px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.api-keys-field>div{border:1px solid var(--border-subtle);background:var(--bg-raised);border-radius:10px;justify-content:space-between;gap:12px;margin-top:8px;padding:7px 8px 7px 12px}.api-keys-field code{min-width:0;color:var(--text-primary);font:12px/1.5 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.api-keys-field button{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border-default);flex:none}.api-keys-config{border:1px solid var(--border-subtle);background:#11131d;border-radius:12px;margin-top:14px;overflow:hidden}.api-keys-config>div{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:8px 8px 8px 14px}.api-keys-config>div>span{color:#aeb2c5}.api-keys-config pre{color:#f3f4fa;font:11.5px/1.65 var(--font-mono);white-space:pre;margin:0;padding:16px;overflow-x:auto}.api-keys-list-head{justify-content:space-between;margin:0 2px 10px}.api-keys-list-head h2{margin:0;font-size:13px;font-weight:620}.api-keys-list-head span{color:var(--text-faint);font:10px/1 var(--font-mono);text-transform:uppercase}.api-keys-list{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:14px;overflow:hidden}.api-key-row{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:24px;min-height:106px;padding:20px 22px}.api-key-row:first-child{border-top:0}.api-key-main{min-width:0}.api-key-title{gap:9px}.api-key-title b{font-size:13.5px;font-weight:620}.api-key-status{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:999px;padding:3px 7px;font-size:9px}.api-key-status.is-active{border-color:color-mix(in srgb, var(--success) 25%, transparent);background:color-mix(in srgb, var(--success) 9%, transparent);color:var(--success)}.api-key-main code{color:var(--text-secondary);font:11.5px/1.4 var(--font-mono);margin-top:8px;display:block}.api-key-meta{color:var(--text-muted);flex-wrap:wrap;gap:5px 18px;margin-top:5px;font-size:11px}.api-key-revoke{border:1px solid color-mix(in srgb, var(--error) 28%, transparent);min-height:32px;color:var(--error);cursor:pointer;background:0 0;border-radius:9px;padding:0 11px;font-size:11px}.api-key-revoke:hover{background:color-mix(in srgb, var(--error) 7%, transparent)}.api-key-confirm{flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:11px}.api-key-confirm-danger{background:var(--error);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:30px;padding:0 10px}.api-key-confirm-cancel{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.api-keys-empty{border:1px dashed var(--border-default);background:var(--bg-surface);text-align:center;border-radius:14px;padding:54px 20px}.api-keys-empty>span{border-radius:11px;width:38px;height:38px;margin:0 auto}.api-keys-empty p{margin:12px 0 0;font-size:13px;font-weight:550}.api-keys-empty small{color:var(--text-muted);margin-top:4px;font-size:11.5px;display:block}.api-key-name-input{border:1px solid var(--border-default);background:var(--bg-sunken);width:100%;color:var(--text-primary);border-radius:9px;outline:0;padding:10px 11px;font-size:13px}.api-key-name-input:focus{border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb, var(--text-primary) 8%, transparent)}.api-keys-page :is(button,input):focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}@media (width<=700px){.api-keys-page{padding:26px 18px 54px}.api-keys-page.is-embedded{padding:0}.api-keys-header{align-items:flex-start}.api-keys-heading-icon{display:none}.api-keys-primary{min-height:36px;padding-inline:12px}.api-keys-connect{padding:17px}.api-key-row{align-items:flex-start;padding:18px}.api-key-meta{flex-direction:column;align-items:flex-start;gap:2px}}