.key-form{gap:var(--sp-4,1.25rem);padding:var(--sp-4,1.25rem);flex-direction:column;display:flex}.key-form-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.9rem;display:grid}.key-scopes-field{border:1px solid var(--border);border-radius:var(--radius-s);flex-direction:column;gap:.5rem;margin:0;padding:.8rem .9rem;display:flex}.key-scopes-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.4rem .9rem;display:grid}.key-scope-check{color:var(--text-dim);cursor:pointer;align-items:center;gap:.45rem;font-size:.84rem;display:flex}.key-scope-name{font-family:var(--font-mono);font-size:.78rem}.key-form-actions{align-items:center;gap:.5rem;display:flex}.key-reveal{padding:var(--sp-4,1.25rem);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);border-radius:var(--radius-m,8px);background:var(--accent-soft);flex-direction:column;gap:.7rem;display:flex}.key-reveal:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.key-reveal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.key-reveal-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.05rem}.key-reveal-warn{max-width:62ch;color:var(--text-dim);margin:0;font-size:.85rem;line-height:1.55}.key-reveal-secret-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.key-reveal-secret{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--bg-well);min-width:0;color:var(--text);font-family:var(--font-mono);overflow-wrap:anywhere;user-select:all;flex:22rem;padding:.5rem .7rem;font-size:.82rem}.key-reveal-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;font-size:.8rem;display:flex}.key-reveal-meta-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:.66rem}.key-table-panel{padding:var(--sp-4,1.25rem);flex-direction:column;gap:.75rem;display:flex}.key-table-wrap{max-width:100%;position:relative;overflow-x:auto}.key-table{border-collapse:collapse;width:100%;font-size:.84rem}.key-table thead th{text-align:left;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);background:var(--bg-card);border-bottom:1px solid var(--border-strong);padding:.5rem .6rem;font-size:.7rem;font-weight:700}.key-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem}.key-table tbody tr:hover{background:var(--bg-well)}.key-cell-prefix,.key-cell-email{font-family:var(--font-mono);color:var(--text-dim);font-size:.8rem}.key-cell-prefix{white-space:nowrap}.key-cell-email{word-break:normal;overflow-wrap:break-word}.key-cell-name{color:var(--text);white-space:nowrap}.key-cell-date{font-family:var(--font-mono);color:var(--text-dim);font-size:.78rem}.key-date-part{white-space:nowrap}.key-none{color:var(--text-faint)}.key-table-foot{font-family:var(--font-mono);color:var(--text-faint);margin:0;font-size:.72rem}.key-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.key-row--revoked td{color:var(--text-faint);text-decoration:line-through}.key-row--revoked .key-status{text-decoration:none}.key-filter-bar{align-items:flex-end;gap:var(--sp-2) var(--sp-4);padding:var(--sp-4) var(--sp-4) 0;flex-wrap:wrap;display:flex}.key-filter-bar[hidden]{display:none}.key-filter-field{flex:0 22rem;min-width:0}.key-filter-field .u-input{box-sizing:border-box;width:100%}.key-filter-count{margin:0 0 .5rem}.key-filter-count:empty{display:none}.key-scope{border:1px solid var(--border-strong);font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-dim);white-space:nowrap;border-radius:999px;margin:.05rem 0;padding:.02rem .4rem;font-size:.66rem;display:inline-block}.key-status{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.key-status--revoked{border-style:dashed}.key-badge-glyph{flex:none}.key-table-panel .u-state{margin:0}@media (width<=640px){.key-table-wrap{overflow-x:visible}.key-table,.key-table tbody{display:block}.key-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.key-table tbody{gap:var(--sp-2);flex-direction:column;display:flex}.key-table tr.key-row{gap:var(--sp-2) var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-m);grid-template-columns:minmax(0,1fr) auto;display:grid}.key-table tbody tr.key-row:hover{background:var(--bg-card)}.key-table td{border:0;min-width:0;padding:0;display:block}.key-table .key-cell-name{grid-area:1/1;align-self:center;font-weight:600}.key-table .key-cell-status{grid-area:1/2;align-self:center}.key-table .key-cell-prefix{grid-area:2/1/auto/-1;overflow-x:auto}.key-table .key-cell-scopes{grid-area:3/1/auto/-1}.key-table .key-cell-created,.key-table .key-cell-expires,.key-table .key-cell-used,.key-table .key-cell-email{gap:var(--sp-3);grid-column:1/-1;grid-template-columns:6.5rem minmax(0,1fr);align-items:baseline;display:grid}.key-table .key-cell-created{grid-row:4}.key-table .key-cell-expires{grid-row:5}.key-table .key-cell-used{grid-row:6}.key-table .key-cell-email{grid-row:7}.key-table .key-cell-created:before,.key-table .key-cell-expires:before,.key-table .key-cell-used:before,.key-table .key-cell-email:before{content:attr(data-label);font-family:var(--font-label);font-size:var(--step--2,.7rem);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);text-decoration:none}.key-table .key-cell-action{grid-area:8/1/auto/-1}.key-table .key-row--revoked td{text-decoration:none}.key-table .key-cell-action:not(:has(button)){display:none}.key-table .key-revoke{width:100%;min-height:44px;color:var(--red);border-color:var(--red);justify-content:center}}