.keyboard-shortcuts-dialog{--keyboard-shortcuts-keys-column:88px;width:min(380px,100% - 32px);height:fit-content;max-height:calc(100dvh - 32px);color:var(--app-text-primary);transform-origin:50%;border-radius:24px;flex-direction:column;margin:auto;display:flex;position:fixed;inset:0;overflow:hidden}.keyboard-shortcuts-dialog[data-platform=other]{--keyboard-shortcuts-keys-column:120px}.keyboard-shortcuts-header{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 4px 20px;display:flex}.keyboard-shortcuts-title{font-size:var(--app-text-size-15);font-weight:var(--app-font-weight-strong);line-height:20px}.keyboard-shortcuts-close{width:28px;height:28px;color:var(--app-text-secondary);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.keyboard-shortcuts-body{flex-direction:column;min-height:0;display:flex;position:relative}.keyboard-shortcuts-scroll-viewport{scrollbar-width:none;min-height:0;overflow:hidden auto}.keyboard-shortcuts-scroll-viewport::-webkit-scrollbar{display:none}.keyboard-shortcuts-scroll-content{flex-direction:column;gap:14px;padding:4px 12px 16px;display:flex}.keyboard-shortcuts-group-title{font-size:var(--app-text-size-12);font-weight:var(--app-font-weight-semibold);color:var(--app-text-muted);padding:6px 8px 4px;line-height:16px}.keyboard-shortcuts-row{grid-template-columns:var(--keyboard-shortcuts-keys-column) minmax(0, 1fr);min-height:32px;font-size:var(--app-text-size-13);border-radius:8px;align-items:center;column-gap:16px;padding:0 8px;transition:background-color .12s;display:grid}.keyboard-shortcuts-row:hover{background:var(--app-surface-input-hover)}.keyboard-shortcuts-action{min-width:0;color:var(--app-text-secondary);text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;overflow:hidden}.keyboard-shortcuts-keys{grid-area:1/1;gap:4px;display:flex}.keyboard-shortcuts-key{border:1px solid var(--app-border-neutral);background:var(--app-surface-raised);min-width:22px;height:22px;box-shadow:inset 0 -1px 0 var(--app-border-soft);color:var(--app-text-secondary);font-family:inherit;font-size:11.5px;font-weight:var(--app-font-weight-medium);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.keyboard-shortcuts-scrollbar{pointer-events:none;opacity:0;width:8px;position:absolute;top:4px;bottom:12px;right:4px}.keyboard-shortcuts-scrollbar[data-scrollable=true]{pointer-events:auto;opacity:1}.keyboard-shortcuts-scrollbar-thumb{background:var(--app-border-neutral);cursor:grab;touch-action:none;border-radius:9999px;width:6px;position:absolute;top:0;right:1px}.keyboard-shortcuts-overlay[data-state=open]{animation:.18s ease-out both keyboard-shortcuts-fade-in}.keyboard-shortcuts-overlay[data-state=closed]{animation:.14s ease-in both keyboard-shortcuts-fade-out}.keyboard-shortcuts-dialog[data-state=open]{animation:.22s cubic-bezier(.22,1,.36,1) both keyboard-shortcuts-enter}.keyboard-shortcuts-dialog[data-state=closed]{pointer-events:none;animation:.15s cubic-bezier(.4,0,1,1) both keyboard-shortcuts-exit}@keyframes keyboard-shortcuts-fade-in{0%{opacity:0}to{opacity:1}}@keyframes keyboard-shortcuts-fade-out{0%{opacity:1}to{opacity:0}}@keyframes keyboard-shortcuts-enter{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes keyboard-shortcuts-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.keyboard-shortcuts-dialog[data-state=open]{animation-name:keyboard-shortcuts-fade-in}.keyboard-shortcuts-dialog[data-state=closed]{animation-name:keyboard-shortcuts-fade-out}.keyboard-shortcuts-row{transition:none}}
