.key-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.key-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-panel);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);transition:border-color .14s var(--ease-out), transform .14s var(--ease-out);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.key-row:hover{border-color:var(--border-strong)}.key-row.is-dead .key-name-text{color:var(--ink-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint)}.key-row-main{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.key-name{align-items:center;gap:var(--space-1);min-width:0;font-weight:600;display:inline-flex}.key-name-text{overflow-wrap:anywhere}.key-name-edit{opacity:0;transition:opacity .12s var(--ease-out)}.key-row:hover .key-name-edit,.key-name-edit:focus-visible{opacity:1}@media (hover:none){.key-name-edit{opacity:1}}.key-name-form{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.key-name-form input{flex:12rem;min-width:0}.key-name-error{color:var(--err-fg);font-size:var(--text-sm);flex-basis:100%;margin:0}.key-row-id{font-size:var(--text-sm);color:var(--ink-muted);margin:0}.key-row-id code{font-family:var(--font-mono);color:var(--ink)}.key-scopes{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.key-row-side{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.key-row-dates{font-size:var(--text-sm);white-space:nowrap;margin:0}.key-menu-btn{justify-content:center;width:36px;height:36px;padding:0}.key-menu-pop{padding:var(--space-1);background:var(--surface-panel);min-width:11rem;color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-palette);transition:opacity .14s var(--ease-out), transform .14s var(--ease-out), display .14s allow-discrete, overlay .14s allow-discrete;margin:0;position:fixed;inset:auto;overflow:visible}@starting-style{.key-menu-pop:popover-open{opacity:0;transform:translateY(-4px)scale(.98)}}.key-menu-pop [role=menuitem]{align-items:center;gap:var(--space-3);text-align:left;width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;display:flex}.key-menu-pop [role=menuitem]:hover,.key-menu-pop [role=menuitem]:focus-visible{background:var(--hover-overlay);color:var(--ink)}.key-menu-pop [role=menuitem].is-danger{color:var(--err-fg)}.keys-empty{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-8) var(--space-5);color:var(--ink-muted);background:var(--surface-panel);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;display:flex}.keys-empty p{max-width:36rem;margin:0}.keys-empty-cta{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.keys-dialog-form{gap:var(--space-4);flex-direction:column;display:flex}.key-warn{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--accent-tint)}.connect-dialog{width:min(680px,100vw - 32px)}.connect-note{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--accent-tint);font-size:var(--text-sm)}.connect-steps{margin:var(--space-4) 0 0;padding-left:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.connect-steps li::marker{color:var(--accent-fg);font-weight:700}.connect-steps p{margin:0 0 var(--space-2)}.connect-code{align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.connect-code pre{min-width:0;padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);flex:16rem;margin:0;overflow-x:auto}.connect-final{margin:var(--space-5) 0 0;font-weight:600}@media (width>=1100px){.key-row{padding:var(--space-3) var(--space-5);min-height:56px;max-height:64px}.key-row-main{align-items:center;gap:var(--space-4);flex-flow:row}.key-name{flex:0 0 15rem;max-width:15rem}.key-row-id{text-overflow:ellipsis;flex:0 0 13rem;overflow:hidden}.key-name-text{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;overflow:hidden}.key-row-id{white-space:nowrap}.key-scopes{flex-wrap:nowrap;flex:none}.key-row-side{align-items:center;gap:var(--space-4);flex-direction:row}}@media (width<=640px){.key-row{padding:var(--space-4);grid-template-columns:minmax(0,1fr) auto}.key-row-side{flex-flow:wrap;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center}.key-row-dates{white-space:normal}}@media (prefers-reduced-motion:reduce){.key-row,.key-name-edit,.key-menu-pop{transition:none}@starting-style{.key-menu-pop:popover-open{transform:none}}}