body{min-height:100vh;margin:0;overflow-y:auto}.page-head p a{color:var(--accent)}.key-search{width:100%;margin-bottom:16px}.key-list{flex-direction:column;gap:10px;display:flex}.api-key-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .15s var(--ease)}.api-key-card:hover,.api-key-card.is-open{border-color:var(--border-strong)}.card-main{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:16px 18px;display:grid}.key-info{flex-direction:column;gap:3px;min-width:0;display:flex}.key-name{font-size:15px;font-weight:600}.key-description{color:var(--fg-dim);font-size:13px}.key-meta{color:var(--fg-faint);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px;font-size:12px;display:flex}.key-meta-sep{color:var(--border-strong)}.key-meta-expiry-warn{color:var(--warn)}.key-id-wrapper{min-width:0;font-family:var(--mono);color:var(--fg-dim);align-items:center;gap:6px;display:inline-flex}.key-id{overflow-wrap:anywhere}.icon-button,.model-tag-remove{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.icon-button{color:var(--fg-faint);transition:color .15s var(--ease);font-size:14px}.icon-button:hover{color:var(--accent)}.key-usage{gap:24px;margin:0;display:flex}.key-usage div{text-align:right}.key-usage dt{font:600 15px/1.2 var(--mono)}.key-usage dd{color:var(--fg-faint);margin:2px 0 0;font-size:11px}.settings-panel{border-top:1px solid var(--border);padding:4px 18px 0}.settings-group{border-bottom:1px solid var(--border);gap:12px;padding:18px 0;display:grid}.settings-group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);margin:0;font-size:11px;font-weight:600}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.setting-item{flex-direction:column;gap:6px;min-width:0;display:flex}.settings-grid .setting-item.span-2{grid-column:1/-1}.settings-group:first-child .settings-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.setting-label{color:var(--fg-dim);font-size:12px}.setting-item .is-saved,.segmented.is-saved,.toggle-row.is-saved{border-color:var(--c3)!important}.setting-item .is-failed,.segmented.is-failed,.toggle-row.is-failed{border-color:var(--danger)!important}.segmented{transition:border-color .2s var(--ease);justify-self:start}.toggle-row{border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s var(--ease), background-color .15s var(--ease);border:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.toggle-row:hover{background:var(--surface-hover)}.toggle-row b{font-size:14px;font-weight:500;display:block}.toggle-row small{color:var(--fg-dim);margin-top:2px;font-size:12px;display:block}.settings-footer{color:var(--fg-faint);justify-content:space-between;align-items:center;gap:12px;padding:14px 0 16px;font-size:12px;display:flex}.model-tags-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:26px;display:flex}.model-tag{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--code-bg);font:12px var(--mono);align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.model-tag-remove{opacity:.5;font-size:15px;line-height:1}.model-tag-remove:hover{opacity:1;color:var(--danger)}.model-tags-empty{color:var(--fg-faint);font-size:12px}.model-add-row{gap:8px;display:flex}.model-add-row select{flex:1;min-width:0}.new-key-banner{border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid #cfc2fb73;justify-items:start;gap:10px;margin-bottom:16px;padding:18px;display:grid;position:relative;overflow:hidden}.new-key-banner:before{content:"";background:var(--rainbow);height:2px;position:absolute;inset:0 0 auto}.new-key-banner-title{font-weight:600}.new-key-banner-note{color:var(--fg-dim);font-size:13px;line-height:1.6}.new-key-secret{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--code-bg);align-items:center;gap:10px;width:100%;padding:8px 8px 8px 12px;display:flex}.new-key-secret code{word-break:break-all;flex:1;font-size:13px}.keys-note{text-align:center;color:var(--fg-dim);margin:24px 0;font-size:14px}.keys-note.is-error{color:var(--danger)}.keys-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;justify-items:center;gap:6px;padding:56px 24px;display:grid}.keys-empty .material-symbols-outlined{color:var(--accent);font-size:28px}.keys-empty h2{margin:4px 0 0;font-size:16px}.keys-empty p{max-width:380px;color:var(--fg-dim);margin:0;font-size:14px;line-height:1.6}@media (width<=700px){.card-main{grid-template-columns:minmax(0,1fr) auto}.key-usage{grid-area:2/1/auto/-1;justify-content:flex-start}.key-usage div{text-align:left}.settings-grid,.settings-group:first-child .settings-grid{grid-template-columns:minmax(0,1fr)}}