.keys-list .list-row.fresh{animation:key-fresh 3.2s var(--ease) both}.keys-read-failure{margin:0 0 24px}@keyframes key-fresh{0%,45%{box-shadow:inset 2px 0 0 var(--accent);background:#10b98114}to{background:0 0;box-shadow:inset 2px 0 #0000}}.key-name{align-items:center;gap:8px;min-width:0;display:flex}.key-name__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;line-height:22px;overflow:hidden}.key-badge{height:20px;color:var(--muted);font-size:var(--fs-meta);border:1px solid #fcfcfe24;border-radius:4px;flex:none;align-items:center;padding:0 6px;font-weight:500;line-height:1;display:inline-flex}.key-meta{min-width:0;color:var(--muted);font-size:var(--fs-meta);flex-wrap:wrap;align-items:center;gap:0 16px;line-height:20px;display:flex}.key-id{max-width:100%;height:24px;color:var(--muted);font:12px/1 var(--font-mono);background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;margin:-2px 0 -2px -6px;padding:0 6px;display:inline-flex;position:relative}.key-id svg{color:#fcfcfe66;opacity:0;width:13px;height:13px;transition:opacity .12s var(--ease);flex:none}.key-id:not(:disabled):hover{color:var(--text);background:var(--hover)}.key-id:hover svg,.key-id:focus-visible svg,.key-id.tip-on svg{opacity:1}.key-id.tip-on svg{color:var(--link)}.key-id__short{display:none}.key-id__copied{color:var(--link);font-family:var(--font-sans);font-size:var(--fs-meta);font-weight:500}time.key-created[data-tip]:after{margin-left:8px;inset:50% auto auto 100%;translate:4px -50%}@media (hover:hover){time.key-created[data-tip]:hover:after{translate:0 -50%}}time.key-created{white-space:nowrap;font-variant-numeric:tabular-nums;position:relative}.keys-skel{background:#fcfcfe0f;border-radius:4px;height:10px;display:block}.list-row.skeleton{pointer-events:none}.list-row.skeleton .list-row__main{gap:10px}.list-state{align-content:center;justify-items:start;gap:4px;min-height:192px;padding:32px 24px;display:grid}.list-state h2{font-size:var(--fs-heading);margin:0;font-weight:600;line-height:24px}.list-state p{max-width:60ch;color:var(--muted);font-size:var(--fs-secondary);margin:0;line-height:20px}.list-state__actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.keys-no-match{color:var(--muted)}.keys-empty{padding:22px 16px}.keys-empty>p{color:var(--muted);font-size:var(--fs-secondary);margin:0;line-height:20px}.keys-empty .first-run-note{margin-bottom:0}.keys-notice{border-radius:var(--radius-panel);font-size:var(--fs-secondary);background:#fbbf240a;border:1px solid #fbbf2440;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 12px 12px 16px;line-height:20px;display:flex}.keys-notice>svg{width:16px;height:16px;color:var(--warn);flex:none;margin-top:2px}.keys-notice p{flex:1;margin:0}.keys-notice .row-action{margin:-6px 0}.keys-notice .row-action svg{width:14px;height:14px}.key-reveal{border-radius:var(--radius-panel);background:#10b98110;border:1px solid #10b98166;margin-top:16px;padding:14px}.shell-dialog .key-reveal__label{color:var(--link);font-size:var(--fs-meta);margin:0;font-weight:600;line-height:16px}.key-reveal code{color:var(--text);font:500 15px/24px var(--font-mono);word-break:break-all;-webkit-user-select:all;user-select:all;margin-top:8px;display:block}.key-reveal .shell-btn{width:100%;margin-top:12px}.key-reveal .shell-btn--done{color:var(--link);background:0 0;border-color:#10b98166}.key-use{margin-top:20px}.shell-dialog .key-use__label{color:var(--muted);font-size:var(--fs-meta);margin:0 0 8px;font-weight:600;line-height:16px}.shell-dialog .dialog-guard{color:var(--warn);font-size:var(--fs-secondary);align-items:flex-start;gap:8px;line-height:18px;display:flex}.dialog-guard svg{flex:none;width:16px;height:16px;margin-top:1px}.dialog-guard span{color:var(--warn)}.shell-dialog .dialog-copied{color:var(--link);font-size:var(--fs-secondary);align-items:center;gap:6px;display:inline-flex}.dialog-copied svg{width:14px;height:14px}.shell-dialog .key-id-line{color:var(--muted);font:12px/16px var(--font-mono);overflow-wrap:anywhere;margin:0 0 12px}@media (width<=760px){.key-id{height:32px;margin:-6px 0 -6px -6px}.key-id__full{display:none}.key-id__short{display:inline}.key-id svg{opacity:1}.key-id__copied{display:none}.list-state{padding:24px 16px}.key-id:before{content:"";position:absolute;inset:-6px 0}time.key-created[data-tip]:after{display:none}}@media (prefers-reduced-motion:reduce){.keys-list .list-row.fresh{box-shadow:inset 2px 0 0 var(--accent);background:#10b98114;animation:none}}.shell-dialog__problem{margin-top:16px}.choice-group{border:0;gap:8px;margin:16px 0 0;padding:0;display:grid}.choice-group legend{font-size:var(--fs-secondary);margin-bottom:6px;padding:0;font-weight:550;line-height:20px}.choice{border-radius:var(--radius-control);cursor:pointer;border:1px solid #fcfcfe24;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;display:grid}.choice:has(input:checked){border-color:var(--link);background:#10b9810a}.choice input{accent-color:var(--accent);width:16px;height:16px;margin:3px 0 0}.choice strong{font-size:var(--fs-body);font-weight:600;line-height:20px;display:block}.choice span span{font-size:var(--fs-meta);color:var(--muted);margin-top:2px;line-height:16px;display:block}.dialog-fact{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg);font-size:var(--fs-secondary);color:var(--muted);margin-top:16px;padding:10px 12px;line-height:20px}
