.key-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.key-group{display:flex;text-align:left;align-items:center;gap:12px;padding:18px;color:var(--ink);cursor:pointer}.key-group>svg{margin-left:auto;color:var(--muted)}.key-group-icon{width:42px;height:42px;background:var(--accent-soft);border-radius:12px;display:grid;place-items:center}.key-group strong,.key-group small{display:block}.key-group small{font-size:calc(12px + var(--desktop-text-increase, 0px));color:var(--muted);margin-top:5px}.key-endpoint{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.key-endpoint-title{display:flex;gap:12px;align-items:center}.key-endpoint-title>svg{color:var(--accent)}.key-endpoint-title small{display:block;margin-top:5px;font-size:calc(12px + var(--desktop-text-increase, 0px))}.key-endpoint-value{display:flex;align-items:center;gap:12px;min-width:0}.key-endpoint-value code{padding:12px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere;font-size:calc(13px + var(--desktop-text-increase, 0px))}.key-filters{display:flex;gap:10px;margin-bottom:20px}.key-filters select{max-width:200px;flex:1}.key-search{display:flex;align-items:center;gap:10px;flex:1.5;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:0 12px;min-width:100px}.key-search svg{color:var(--muted)}.key-search input{width:100%;background:transparent;border:0;padding:12px 0;outline-offset:0}.key-list{padding:22px}.key-list .card-head{padding:0 0 20px}.key-list table{width:100%;border-collapse:collapse;font-size:calc(13px + var(--desktop-text-increase, 0px))}.key-list td,.key-list th{padding:18px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.key-list th{font-size:calc(12px + var(--desktop-text-increase, 0px));font-weight:500;color:var(--muted);padding-block:13px;background:var(--surface-2)}.key-list tbody tr:last-child td{border:0}.key-list td strong{font-weight:600}.key-count{font-size:calc(12px + var(--desktop-text-increase, 0px));font-weight:500;background:var(--surface-2);border-radius:6px;padding:3px 7px;color:var(--muted);vertical-align:middle;margin-left:6px}.key-secret{display:flex;gap:7px;align-items:center;margin-top:5px;min-width:0}.key-secret code{font-size:calc(11px + var(--desktop-text-increase, 0px));color:var(--muted);white-space:nowrap}.key-copy{color:var(--accent)!important;width:28px!important;height:28px!important;flex-shrink:0}.key-usage{display:grid;grid-template-columns:44px 48px;gap:5px 12px;line-height:1.35;font-variant-numeric:tabular-nums}.key-usage>span:nth-child(odd){font-size:calc(11px + var(--desktop-text-increase, 0px));color:var(--muted)}.key-usage b,.key-num{text-align:right}.key-actions{display:flex;gap:12px;align-items:center}.key-actions button{display:flex;align-items:center;gap:4px;color:var(--accent);border:0;background:none;padding:5px 0;font-size:calc(12px + var(--desktop-text-increase, 0px));cursor:pointer}.key-actions button.danger-text{color:var(--muted)}.key-actions button.danger-text:hover{color:var(--danger)}.revoked{color:var(--muted)}.key-bottom{display:flex;gap:18px;margin-top:20px;align-items:stretch}.key-note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);background:var(--accent-soft);border-radius:12px;flex:1;font-size:calc(12px + var(--desktop-text-increase, 0px));line-height:1.8}.key-note svg{margin-top:3px;flex-shrink:0;color:var(--accent)}.key-note p{margin:0}.key-guide{display:flex;gap:14px;align-items:center;padding:16px 22px;text-align:left;color:var(--ink);cursor:pointer}.key-guide>svg{color:var(--accent)}.key-guide strong,.key-guide small{display:block}.key-guide small{color:var(--muted);font-size:calc(12px + var(--desktop-text-increase, 0px));margin-top:5px}.key-mobile{display:none}.demo-footnote{margin-top:18px;color:var(--muted);font-size:calc(11px + var(--desktop-text-increase, 0px));line-height:1.7}.key-mobile-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.key-mobile-usage{display:grid;grid-template-columns:1fr 1fr;background:var(--accent-soft);padding:12px;border-radius:8px;margin-top:14px}.key-mobile-usage>div+div{border-left:1px solid var(--line);padding-left:20px}.key-mobile-usage small{display:block;color:var(--muted);font-size:calc(11px + var(--desktop-text-increase, 0px))}.key-mobile-usage strong{display:block;font-size:calc(20px + var(--desktop-text-increase, 0px));margin-top:4px;font-variant-numeric:tabular-nums}.key-mobile-usage strong small{display:inline;font-size:calc(12px + var(--desktop-text-increase, 0px));font-weight:400}.key-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:calc(12px + var(--desktop-text-increase, 0px));margin:15px 0}.key-meta dt{color:var(--muted)}.key-meta dd{margin:0}.key-mobile-card .key-actions{justify-content:space-around;border-top:1px solid var(--line);padding-top:8px}.key-mobile-card .key-actions button{min-height:34px;flex:1;justify-content:center}.key-mobile-card .key-actions button+button{border-left:1px solid var(--line)}
@media(max-width:1100px){.key-desktop{overflow:auto}.key-endpoint{align-items:flex-start;flex-direction:column;gap:12px}.key-endpoint-value{width:100%}.key-endpoint-value code{flex:1}}
@media(max-width:760px){.key-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}.key-group{padding:12px;gap:8px}.key-group-icon{height:32px;width:32px;flex-shrink:0}.key-group strong{font-size:calc(13px + var(--desktop-text-increase, 0px))}.key-group small{font-size:calc(11px + var(--desktop-text-increase, 0px))}.key-group>svg{width:13px}.key-endpoint{padding:15px;gap:13px;margin-bottom:16px}.key-endpoint-title{font-size:calc(13px + var(--desktop-text-increase, 0px))}.key-endpoint-title small{display:none}.key-endpoint-value{gap:7px}.key-endpoint-value code{padding:10px;font-size:calc(11px + var(--desktop-text-increase, 0px));word-break:break-all;min-width:0}.key-endpoint-value .btn span{display:none}.key-endpoint-value .btn{padding:10px}.key-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px}.key-search{flex:1 0 100%}.key-filters select{width:0;min-width:0;font-size:calc(12px + var(--desktop-text-increase, 0px))}.key-filters .btn{padding:10px 13px}.key-desktop{display:none}.key-mobile{display:grid;gap:12px}.key-list{padding:0;background:transparent!important;border:0!important;box-shadow:none!important}.key-list .card-head{padding:0 2px 12px}.key-list .card-head h2{font-size:calc(15px + var(--desktop-text-increase, 0px))}.key-list .card-head>small{font-size:calc(10px + var(--desktop-text-increase, 0px))}.key-mobile-card{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.key-mobile-top strong{font-size:calc(14px + var(--desktop-text-increase, 0px))}.key-bottom{flex-direction:column;gap:12px;margin-top:16px}.key-guide{padding:15px}.key-guide>svg:last-child{margin-left:auto}.key-note{font-size:calc(11px + var(--desktop-text-increase, 0px))}}
.key-list .badge.success{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface));border-color:transparent}.key-list .badge.warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface));border-color:transparent}.key-search input:not([type=checkbox]){border:0;background:transparent;box-shadow:none;padding:11px 0}.provider-symbol{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;line-height:1;font-weight:650}.provider-claude{background:#f2bb9b;color:#3a241e;font-family:Georgia,serif;display:inline-flex;justify-content:center;font-size:calc(20px + var(--desktop-text-increase, 0px))}.provider-claude span{font-size:calc(15px + var(--desktop-text-increase, 0px));margin-left:1px}.provider-gemini{font-size:calc(34px + var(--desktop-heading-increase, 0px));color:#527dea}.provider-gpt{color:var(--ink)}.provider-code{color:var(--accent);background:var(--accent-soft)}
@media(max-width:760px){.key-mobile-card .key-actions{flex-wrap:wrap;justify-content:flex-start}.key-mobile-card .key-actions button{flex:1 1 40%;border-left:0!important}}
.theme-dark .key-list th{color:#c9d7ed}
.theme-dark .key-secret code{color:#d5e2f7}
.theme-dark .key-actions button{color:#a8c4ff}
.theme-dark .key-actions button.danger-text{color:#ffadb6}